fix: scrollable modal component

janhq · Apr 13, 2024 · 01fa2b6 · 01fa2b6
1 parent 32fd360
commit 01fa2b6
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/uikit/src/modal/styles.scss b/uikit/src/modal/styles.scss
@@ -4,7 +4,7 @@
   }
 
   &-content {
-    @apply bg-background border-border fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-4 shadow-lg duration-200 sm:rounded-lg md:w-full;
+    @apply bg-background border-border fixed left-[50%] top-[50%] z-50 grid max-h-[calc(100%-48px)] w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 overflow-y-auto border p-4 shadow-lg duration-200 sm:rounded-lg md:w-full;
   }
 
   &-close {