레이아웃 수정

src/lib/components/Modal.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import type { Snippet } from "svelte";
   import { fade } from "svelte/transition";
+  import { AdaptiveDiv } from "$lib/components/divs";
 
   interface Props {
     children: Snippet;
@@ -20,8 +21,10 @@
     class="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 px-2"
     transition:fade={{ duration: 100 }}
   >
-    <div onclick={(e) => e.stopPropagation()} class="max-w-full rounded-2xl bg-white p-4">
-      {@render children?.()}
-    </div>
+    <AdaptiveDiv>
+      <div onclick={(e) => e.stopPropagation()} class="max-w-full rounded-2xl bg-white p-4">
+        {@render children?.()}
+      </div>
+    </AdaptiveDiv>
   </div>
 {/if}