Mirrors/colanode
1
0
Fork 0
mirror of https://github.com/colanode/colanode.git synced 2025-12-29 00:25:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix filter popovers for select and multi select fields

Browse Source
This commit is contained in:
Hakan Shehu
2024-10-26 19:02:25 +02:00
parent 9519c2db69
commit bfee92f2ac
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
desktop/src/renderer/components/databases/search/view-multi-select-field-filter.tsx
View File

@@ -114,7 +114,7 @@ export const ViewMultiSelectFieldFilter = ({
{!hideInput && (
<Popover>
<PopoverTrigger asChild>
<div className="flex h-full w-full cursor-pointer flex-row items-center gap-1 rounded-md border border-input p-1">
<div className="flex h-full w-full cursor-pointer flex-row items-center gap-1 rounded-md border border-input p-2">
{selectedOptions.map((option) => (
<SelectOptionBadge
key={option.id}
@@ -122,6 +122,11 @@ export const ViewMultiSelectFieldFilter = ({
color={option.color}
/>
))}
{selectedOptions.length === 0 && (
<p className="text-xs text-muted-foreground">
No options selected
</p>
)}
</div>
</PopoverTrigger>
<PopoverContent className="w-80 p-1">

7
desktop/src/renderer/components/databases/search/view-select-field-filter.tsx
View File

@@ -114,7 +114,7 @@ export const ViewSelectFieldFilter = ({
{!hideInput && (
<Popover>
<PopoverTrigger asChild>
<div className="flex h-full w-full cursor-pointer flex-row items-center gap-1 rounded-md border border-input p-1">
<div className="flex h-full w-full cursor-pointer flex-row items-center gap-1 rounded-md border border-input p-2">
{selectedOptions.map((option) => (
<SelectOptionBadge
key={option.id}
@@ -122,6 +122,11 @@ export const ViewSelectFieldFilter = ({
color={option.color}
/>
))}
{selectedOptions.length === 0 && (
<p className="text-xs text-muted-foreground">
No options selected
</p>
)}
</div>
</PopoverTrigger>
<PopoverContent className="w-80 p-1">