불필요한 css 제거

src/lib/components/BottomSheet.svelte

@@ -28,7 +28,7 @@
       <AdaptiveDiv>
         <div
           onclick={(e) => e.stopPropagation()}
-          class="flex max-h-[70vh] min-h-[30vh] w-full items-stretch rounded-t-2xl bg-white px-4"
+          class="flex max-h-[70vh] min-h-[30vh] rounded-t-2xl bg-white px-4"
           transition:fly={{ y: 100, duration: 200 }}
         >
           {@render children?.()}

src/lib/components/Modal.svelte

@@ -29,7 +29,7 @@
   >
     <AdaptiveDiv>
       <div class="flex h-full items-center justify-center">
-        <div onclick={(e) => e.stopPropagation()} class="max-w-full rounded-2xl bg-white p-4">
+        <div onclick={(e) => e.stopPropagation()} class="rounded-2xl bg-white p-4">
           {@render children?.()}
         </div>
       </div>

src/lib/components/TopBar.svelte

@@ -23,7 +23,7 @@
   {#if title}
     <p class="flex-grow truncate px-2 text-center text-lg font-semibold">{title}</p>
   {/if}
-  <div class="min-w-[2.3rem] flex-shrink-0">
+  <div class="w-[2.3rem] flex-shrink-0">
     {#if children}
       {@render children?.()}
     {/if}

src/lib/components/buttons/TextButton.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { Snippet } from "svelte";
+
   interface Props {
     children: Snippet;
     onclick?: () => void;

src/lib/components/divs/BottomDiv.svelte

@@ -2,6 +2,6 @@
   let { children } = $props();
 </script>
 
-<div class="sticky bottom-0 flex w-full flex-col items-center gap-y-2 bg-white pb-4">
+<div class="sticky bottom-0 flex flex-col items-center gap-y-2 bg-white pb-4">
   {@render children?.()}
 </div>

src/lib/components/inputs/TextInput.svelte

@@ -12,8 +12,8 @@
   <input
     bind:value
     {type}
-    placeholder=" "
+    placeholder=""
-    class="w-full border-b-2 border-gray-300 py-1 text-xl outline-none transition-all duration-300 ease-in-out"
+    class="w-full border-b-2 border-gray-300 py-1 text-xl outline-none transition duration-300 ease-in-out"
   />
   <!-- svelte-ignore a11y_label_has_associated_control -->
   <label

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

@@ -5,7 +5,7 @@
 </script>
 
 <AdaptiveDiv>
-  <div class="flex h-screen w-full flex-col justify-between px-4">
+  <div class="flex h-screen flex-col justify-between px-4">
     {@render children()}
   </div>
 </AdaptiveDiv>

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

@@ -5,7 +5,7 @@
   let { children } = $props();
 </script>
 
-<div class="flex h-screen w-full flex-col justify-between">
+<div class="flex h-screen flex-col justify-between">
   <div class="flex-grow">
     <AdaptiveDiv>
       {@render children()}

src/routes/(main)/BottomBar.svelte

@@ -20,18 +20,16 @@
   // TODO: Navigation
 </script>
 
-<div
+<div class="sticky bottom-0 h-20 flex-shrink-0 rounded-t-2xl border-t border-gray-300 bg-white">
-  class="sticky bottom-0 h-20 w-full flex-shrink-0 rounded-t-2xl border-t border-gray-300 bg-white"
->
   <AdaptiveDiv>
-    <div class="flex w-full justify-evenly px-4 py-2">
+    <div 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}"
         >
-          <div class="gap-y 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" fill="0" />
             <p class="text-sm">{label}</p>
           </div>

src/routes/(main)/category/+page.svelte

@@ -1,3 +1,3 @@
-<div class="flex h-full items-center justify-center py-4">
+<div class="flex h-full items-center justify-center p-4">
   <p class="text-gray-500">아직 개발 중이에요.</p>
 </div>

src/routes/(main)/favorite/+page.svelte

@@ -1,3 +1,3 @@
-<div class="flex h-full items-center justify-center py-4">
+<div class="flex h-full items-center justify-center p-4">
   <p class="text-gray-500">아직 개발 중이에요.</p>
 </div>

src/routes/(main)/home/+page.svelte

@@ -1,3 +1,3 @@
-<div class="flex h-full items-center justify-center py-4">
+<div class="flex h-full items-center justify-center p-4">
   <p class="text-gray-500">아직 개발 중이에요.</p>
 </div>

src/routes/(main)/menu/+page.svelte

@@ -1,3 +1,3 @@
-<div class="flex h-full items-center justify-center py-4">
+<div class="flex h-full items-center justify-center p-4">
   <p class="text-gray-500">아직 개발 중이에요.</p>
 </div>