From 683e06424e80893b5f0aa27db63a0514a664e105 Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Tue, 8 Apr 2025 10:10:46 +0900
Subject: [PATCH] =?UTF-8?q?=ED=83=91=EB=B0=94=20=EC=98=81=EC=97=AD=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/TheTop.vue | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/layouts/TheTop.vue b/src/layouts/TheTop.vue
index 25c61e4..993e695 100644
--- a/src/layouts/TheTop.vue
+++ b/src/layouts/TheTop.vue
@@ -283,8 +283,6 @@
         return 'weather-icon';
     });
 
-    const weatherKorean = computed(() => weather.value.description || '날씨 정보 없음');
-
     // const { isDarkMode, switchToDarkMode, switchToLightMode } = useThemeStore();
 
     const handleLogout = async () => {
@@ -341,26 +339,35 @@
         color: #888;
         line-height: 1.2;
     }
-    .weather-box {
+    /* .weather-box {
         display: flex;
         align-items: center;
         flex-shrink: 0;
         max-width: 3000px;
         white-space: nowrap;
         overflow: hidden;
-    }
+    } */
     .custom-sunny-icon {
-        width: 5%;
-        height: auto;
+        width: 50px;
+        height: 50px;
+        object-fit: contain;
+        flex-shrink: 0;
+    }
+    .weather-box {
+        display: flex;
+        align-items: center;
+        white-space: nowrap;
+        gap: 10px;
+        min-width: 160px; /* 필요시 */
     }
     @media (max-width: 1200px) {
         .custom-sunny-icon {
-            width: 6%;
+            width: 40px;
         }
     }
     @media (max-width: 1100px) {
         .custom-sunny-icon {
-            width: 14%;
+            width: 30px;
         }
     }
 </style>