set standard filter popover width

2026-05-04 19:44:47 +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/ColumnMultiFilterButton.tsx
+++ b/src/components/ColumnMultiFilterButton.tsx
@@ -18,6 +18,7 @@ import {
 } from "@app/components/ui/command";
 import { CheckIcon, Funnel } from "lucide-react";
 import { cn } from "@app/lib/cn";
+import { dataTableFilterPopoverContentClassName } from "@app/lib/dataTableFilterPopover";
 import { Badge } from "./ui/badge";

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