From 96cdb2d1b54ace1f651f2ce7962171310fe8a549 Mon Sep 17 00:00:00 2001
From: static <kmc7468@naver.com>
Date: Wed, 8 Jan 2025 23:50:35 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20css=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/BottomSheet.svelte        | 2 +-
 src/lib/components/Modal.svelte              | 2 +-
 src/lib/components/TopBar.svelte             | 2 +-
 src/lib/components/buttons/TextButton.svelte | 1 +
 src/lib/components/divs/BottomDiv.svelte     | 2 +-
 src/lib/components/inputs/TextInput.svelte   | 4 ++--
 src/routes/(fullscreen)/+layout.svelte       | 2 +-
 src/routes/(main)/+layout.svelte             | 2 +-
 src/routes/(main)/BottomBar.svelte           | 8 +++-----
 src/routes/(main)/category/+page.svelte      | 2 +-
 src/routes/(main)/favorite/+page.svelte      | 2 +-
 src/routes/(main)/home/+page.svelte          | 2 +-
 src/routes/(main)/menu/+page.svelte          | 2 +-
 13 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/lib/components/BottomSheet.svelte b/src/lib/components/BottomSheet.svelte
index e92c842..3d3fbd6 100644
--- a/src/lib/components/BottomSheet.svelte
+++ b/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?.()}
diff --git a/src/lib/components/Modal.svelte b/src/lib/components/Modal.svelte
index 27c5630..125005c 100644
--- a/src/lib/components/Modal.svelte
+++ b/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>
diff --git a/src/lib/components/TopBar.svelte b/src/lib/components/TopBar.svelte
index 6f885ef..9881d6d 100644
--- a/src/lib/components/TopBar.svelte
+++ b/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}
diff --git a/src/lib/components/buttons/TextButton.svelte b/src/lib/components/buttons/TextButton.svelte
index 2f08ffd..c7688a5 100644
--- a/src/lib/components/buttons/TextButton.svelte
+++ b/src/lib/components/buttons/TextButton.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { Snippet } from "svelte";
+
   interface Props {
     children: Snippet;
     onclick?: () => void;
diff --git a/src/lib/components/divs/BottomDiv.svelte b/src/lib/components/divs/BottomDiv.svelte
index 96edaf5..8a10a99 100644
--- a/src/lib/components/divs/BottomDiv.svelte
+++ b/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>
diff --git a/src/lib/components/inputs/TextInput.svelte b/src/lib/components/inputs/TextInput.svelte
index 77e3e95..61f42ad 100644
--- a/src/lib/components/inputs/TextInput.svelte
+++ b/src/lib/components/inputs/TextInput.svelte
@@ -12,8 +12,8 @@
   <input
     bind:value
     {type}
-    placeholder=" "
-    class="w-full border-b-2 border-gray-300 py-1 text-xl outline-none transition-all duration-300 ease-in-out"
+    placeholder=""
+    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
diff --git a/src/routes/(fullscreen)/+layout.svelte b/src/routes/(fullscreen)/+layout.svelte
index 8ee7a9e..017f507 100644
--- a/src/routes/(fullscreen)/+layout.svelte
+++ b/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>
diff --git a/src/routes/(main)/+layout.svelte b/src/routes/(main)/+layout.svelte
index f726970..09cbb3c 100644
--- a/src/routes/(main)/+layout.svelte
+++ b/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()}
diff --git a/src/routes/(main)/BottomBar.svelte b/src/routes/(main)/BottomBar.svelte
index 0e4cbda..f62d15b 100644
--- a/src/routes/(main)/BottomBar.svelte
+++ b/src/routes/(main)/BottomBar.svelte
@@ -20,18 +20,16 @@
   // TODO: Navigation
 </script>
 
-<div
-  class="sticky bottom-0 h-20 w-full flex-shrink-0 rounded-t-2xl border-t border-gray-300 bg-white"
->
+<div class="sticky bottom-0 h-20 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>
diff --git a/src/routes/(main)/category/+page.svelte b/src/routes/(main)/category/+page.svelte
index 493a2ce..73d68b7 100644
--- a/src/routes/(main)/category/+page.svelte
+++ b/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>
diff --git a/src/routes/(main)/favorite/+page.svelte b/src/routes/(main)/favorite/+page.svelte
index 493a2ce..73d68b7 100644
--- a/src/routes/(main)/favorite/+page.svelte
+++ b/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>
diff --git a/src/routes/(main)/home/+page.svelte b/src/routes/(main)/home/+page.svelte
index 493a2ce..73d68b7 100644
--- a/src/routes/(main)/home/+page.svelte
+++ b/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>
diff --git a/src/routes/(main)/menu/+page.svelte b/src/routes/(main)/menu/+page.svelte
index 493a2ce..73d68b7 100644
--- a/src/routes/(main)/menu/+page.svelte
+++ b/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>