fix(drawer): fix layout for full screen tray

Fixes #343
agrc · Nov 12, 2024 · 7c227d4 · 7c227d4
1 parent c9aae3a
commit 7c227d4
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/utah-design-system/src/components/Drawer.tsx b/packages/utah-design-system/src/components/Drawer.tsx
@@ -70,12 +70,20 @@ const drawer = tv({
     size: 'normal',
   },
   compoundVariants: [
+    {
+      type: 'tray',
+      size: 'normal',
+      class: {
+        content: "data-[open='true']:h-80",
+      },
+    },
     {
       type: 'tray',
       size: 'fullscreen',
       class: {
         container:
           'data-[open="true"]:fixed data-[open="true"]:z-30 data-[open="true"]:h-full',
+        content: 'data-[open="true"]:h-full',
       },
     },
     {