rushilwiz/compass
1
0
Fork 0
mirror of https://github.com/cssgunc/compass.git synced 2025-04-20 10:30:16 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

added line between sorting and filtering in dropdown

Browse Source
This commit is contained in:
Nick A 2025-04-13 14:42:57 -04:00
parent f84231e64c
commit 2e0f434a6c
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
compass/components/Table/ColumnHeader.tsx
View File

@ -107,7 +107,7 @@ export function ColumnHeader<T>({ header }: { header: Header<T, unknown> }) {
{column.getCanFilter() && dropdownType === "menu" && ( {column.getCanFilter() && dropdownType === "menu" && (
<div <div
ref={menuRef} ref={menuRef}
className="absolute -top-2 left-0 mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-lg z-10" className="absolute flex flex-col justify-center items-center -top-2 left-0 mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-lg z-10"
> >
<button <button
className="flex items-center w-full text-left px-4 py-2 text-xs hover:bg-gray-100" className="flex items-center w-full text-left px-4 py-2 text-xs hover:bg-gray-100"
@ -135,6 +135,7 @@ export function ColumnHeader<T>({ header }: { header: Header<T, unknown> }) {
<span>Sort Descending</span> <span>Sort Descending</span>
{sortDirection === "desc" && <DropdownCheckIcon />} {sortDirection === "desc" && <DropdownCheckIcon />}
</button> </button>
<hr className="w-40" />
<button <button
className="flex items-center w-full text-left px-4 py-2 text-xs hover:bg-gray-100" className="flex items-center w-full text-left px-4 py-2 text-xs hover:bg-gray-100"
onClick={() => { onClick={() => {