From 6c1a652a5ab2f5bfed4d893742807b33c3b1f6ea Mon Sep 17 00:00:00 2001
From: Johan Ohly <johanohly@gmail.com>
Date: Sat, 19 Oct 2024 21:13:36 +0200
Subject: [PATCH] fix: allow scrolling in large mobile drawers

---
 src/lib/components/ui/drawer/drawer-content.svelte | 2 +-
 src/lib/components/ui/modal/Modal.svelte           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/ui/drawer/drawer-content.svelte b/src/lib/components/ui/drawer/drawer-content.svelte
index b06d1c1..ec190d4 100644
--- 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
index 1dc6680..18b024b 100644
--- 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>