사소한 리팩토링

src/lib/components/organisms/modals/TextInputModal.svelte

@@ -22,7 +22,7 @@
     title,
   }: Props = $props();
 
-  let value = $state(defaultValue);
+  let value = $state("");
 
   $effect.pre(() => {
     if (isOpen) {

src/routes/(main)/+layout.svelte

@@ -6,10 +6,8 @@
 </script>
 
 <div class="flex h-screen flex-col justify-between">
-  <div class="flex-grow">
+  <AdaptiveDiv class="w-full flex-grow">
-    <AdaptiveDiv class="h-full">
+    {@render children()}
-      {@render children()}
+  </AdaptiveDiv>
-    </AdaptiveDiv>
-  </div>
   <BottomBar />
 </div>

src/routes/(main)/BottomBar.svelte

@@ -19,20 +19,18 @@
 </script>
 
 <div class="sticky bottom-0 h-20 flex-shrink-0 rounded-t-2xl border-t border-gray-300 bg-white">
-  <AdaptiveDiv>
+  <AdaptiveDiv class="flex justify-evenly px-4 py-2">
-    <div class="flex justify-evenly px-4 py-2">
+    {#each pages as { path, label, icon: Icon }}
-      {#each pages as { path, label, icon: Icon }}
+      {@const textColor = !page.url.pathname.startsWith(path) ? "text-gray-600" : ""}
-        {@const textColor = !page.url.pathname.startsWith(path) ? "text-gray-600" : ""}
+      <button
-        <button
+        onclick={() => goto(path)}
-          onclick={() => goto(path)}
+        class="w-16 active:rounded-xl active:bg-gray-100 {textColor}"
-          class="w-16 active:rounded-xl active:bg-gray-100 {textColor}"
+      >
-        >
+        <div class="flex flex-col items-center gap-y-1 p-1 transition active:scale-95">
-          <div class="flex flex-col items-center gap-y-1 p-1 transition active:scale-95">
+          <Icon class="text-xl" />
-            <Icon class="text-xl" />
+          <p class="text-sm">{label}</p>
-            <p class="text-sm">{label}</p>
+        </div>
-          </div>
+      </button>
-        </button>
+    {/each}
-      {/each}
-    </div>
   </AdaptiveDiv>
 </div>