탑바 영역 수정

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%;
+        width: 50px;
-        height: auto;
+        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>