set standard filter popover width

2026-05-12 07:14:14 +00:00 · 2026-04-24 16:44:57 -07:00
parent 960ada4d66
commit a2c76cbb24
9 changed files with 35 additions and 9 deletions
--- a/src/components/ColumnFilterButton.tsx
+++ b/src/components/ColumnFilterButton.tsx
@@ -15,6 +15,7 @@ import {
 } from "@app/components/ui/command";
 import { CheckIcon, ChevronDownIcon, Funnel } from "lucide-react";
 import { cn } from "@app/lib/cn";
+import { dataTableFilterPopoverContentClassName } from "@app/lib/dataTableFilterPopover";
 import { Badge } from "./ui/badge";

 interface FilterOption {
@@ -75,7 +76,10 @@ export function ColumnFilterButton({
                    </div>
                </Button>
            </PopoverTrigger>
-            <PopoverContent className="p-0 w-50" align="start">
+            <PopoverContent
+                className={dataTableFilterPopoverContentClassName}
+                align="start"
+            >
                <Command>
                    <CommandInput placeholder={searchPlaceholder} />
                    <CommandList>