fix: allow scrolling in large mobile drawers (#79)

johanohly · Oct 19, 2024 · 7a4a9dc · 7a4a9dc
1 parent 859e322
commit 7a4a9dc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/lib/components/ui/drawer/drawer-content.svelte b/src/lib/components/ui/drawer/drawer-content.svelte
@@ -13,7 +13,7 @@
   <DrawerOverlay />
   <DrawerPrimitive.Content
     class={cn(
-      'bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border',
+      'bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto max-h-[96%] flex-col rounded-t-[10px] border',
       className,
     )}
     {...$$restProps}

diff --git a/src/lib/components/ui/modal/Modal.svelte b/src/lib/components/ui/modal/Modal.svelte
@@ -38,7 +38,7 @@
 {:else}
   <Drawer.Root bind:open>
     <Drawer.Content>
-      <div class="mx-4 mb-4">
+      <div class="mx-4 mb-4 overflow-y-auto">
         {@render children()}
       </div>
     </Drawer.Content>