사소한 리팩토링 2

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

@@ -4,6 +4,6 @@
   let { children } = $props();
 </script>
 
-<AdaptiveDiv class="flex min-h-screen flex-grow flex-col">
+<AdaptiveDiv class="flex min-h-screen flex-col">
   {@render children()}
 </AdaptiveDiv>

src/routes/(main)/BottomBar.svelte

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