NEOS-1339: fix max height on transformer select (#2493)

nucleuscloud · Aug 19, 2024 · 914e104 · 914e104
1 parent 2123c4c
commit 914e104
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/...pps/web/app/(mgmt)/[account]/new/job/aigenerate/single/schema/SampleTable/SampleTable.tsx b/...pps/web/app/(mgmt)/[account]/new/job/aigenerate/single/schema/SampleTable/SampleTable.tsx
@@ -38,7 +38,7 @@ export default function SampleTable(props: Props): ReactElement {
           </h2>
         </div>
         <div>
-          <p className="font-sm tracking-tight">
+          <p className="font-xs tracking-tight">
             A sample of synthetic data given the inputs above. Returns at most
             10 records.
           </p>

diff --git a/frontend/apps/web/components/jobs/SchemaTable/TransformerSelect.tsx b/frontend/apps/web/components/jobs/SchemaTable/TransformerSelect.tsx
@@ -79,14 +79,14 @@ export default function TransformerSelect(props: Props): ReactElement {
         </Button>
       </PopoverTrigger>
       <PopoverContent
-        className="w-[350px] p-0"
+        className="w-[350px] p-0 min-h-[600px]"
         avoidCollisions={true} // this prevents the popover from overflowing out of the viewport (meaning there is content the user isn't able to access)
         side={side}
       >
         <Command>
           <CommandInput placeholder={'Search...'} />
-          <div className="max-h-[450px]">
-            <CommandList>
+          <div className="min-h-[600px]">
+            <CommandList className="max-h-[600px]">
               <CommandEmpty>No transformers found.</CommandEmpty>
               {userDefined.length > 0 && (
                 <CommandGroup heading="Custom">