fix scroll in select filter

medusajs · Feb 1, 2024 · 6c51535 · 6c51535
1 parent 4b227d0
commit 6c51535
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/.../admin-next/dashboard/src/components/table/data-table/data-table-filter/select-filter.tsx b/.../admin-next/dashboard/src/components/table/data-table/data-table-filter/select-filter.tsx
@@ -104,7 +104,7 @@ export const SelectFilter = ({
             }
           }}
         >
-          <Command>
+          <Command className="h-full">
             {searchable && (
               <div className="border-b p-1">
                 <div className="grid grid-cols-[1fr_20px] gap-x-2 rounded-md px-2 py-1">
@@ -137,7 +137,7 @@ export const SelectFilter = ({
                 {t("general.noResultsTitle")}
               </span>
             </Command.Empty>
-            <Command.Group className="overflow-auto p-1 outline-none">
+            <Command.List className="h-full max-h-[163px] min-h-[0] overflow-auto p-1 outline-none">
               {options.map((option) => {
                 const isSelected = selectedParams
                   .get()
@@ -166,7 +166,7 @@ export const SelectFilter = ({
                   </Command.Item>
                 )
               })}
-            </Command.Group>
+            </Command.List>
           </Command>
         </Popover.Content>
       </Popover.Portal>

diff --git a/...dmin-next/dashboard/src/components/table/data-table/data-table-query/data-table-query.tsx b/...dmin-next/dashboard/src/components/table/data-table/data-table-query/data-table-query.tsx
@@ -17,7 +17,7 @@ export const DataTableQuery = ({
   prefix,
 }: DataTableQueryProps) => {
   return (
-    <div className="flex items-start justify-between px-6 py-4">
+    <div className="flex items-start justify-between gap-x-4 px-6 py-4">
       <div className="w-full max-w-[60%]">
         {filters && filters.length > 0 && (
           <DataTableFilter filters={filters} prefix={prefix} />