From 2375330d76cba8e17bfbe93530aa0dfc201325cd Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Sat, 13 Sep 2025 23:18:56 +0200
Subject: [PATCH] Fix modal size on mobile

---
 web/components/layout/modal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/components/layout/modal.tsx b/web/components/layout/modal.tsx
index e007339c..0dccdf67 100644
--- a/web/components/layout/modal.tsx
+++ b/web/components/layout/modal.tsx
@@ -38,7 +38,7 @@ export function Modal(props: {
   const positionClass = {
     center: 'sm:items-center',
     top: 'sm:items-start',
-    bottom: '',
+    bottom: 'sm:items-end',
   }[position]
 
   const wasOpenRef = useRef(open)
@@ -91,6 +91,7 @@ export function Modal(props: {
                 className={clsx(
                   'relative w-full transform transition-all',
                   'lg:mx-6 lg:my-8',
+                  'max-h-[90vh] min-h-[60vh]', // 👈 add this
                   sizeClass,
                   className
                 )}