Skip to content

Commit 7a433c8

Browse files
committed
fix: improve modal responsiveness on small screens
1 parent d3de38e commit 7a433c8

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/components/Modal.astro

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div id="modal" class="pointer-events-none fixed top-0 left-0 z-99999 flex h-full w-full items-center justify-center bg-black/20 px-4 py-8 opacity-0 backdrop-blur-xs transition-opacity duration-300">
2-
<div class="flex max-h-full max-w-lg min-w-80 translate-y-5 flex-col rounded-lg bg-white p-4 transition-transform duration-300">
2+
<div class="flex max-h-full md:max-w-lg md:min-w-80 translate-y-5 flex-col rounded-lg bg-white p-4 transition-transform duration-300">
33
<div class="modal-header mb-6"></div>
44
<div class="modal-body overflow-y-auto"></div>
55
</div>

0 commit comments

Comments
 (0)