From e76b5383d3068865c2a032287755b2dafb7fccc3 Mon Sep 17 00:00:00 2001
From: ByungCheol <kenneth73510@nurier.co.kr>
Date: Sat, 6 Jun 2026 15:29:56 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=B0=94=ED=85=80=20=EB=82=B4=EB=B9=84?=
 =?UTF-8?q?=EA=B2=8C=EC=9D=B4=EC=85=98=20=EB=9D=BC=EB=B2=A8=20=EA=B0=80?=
 =?UTF-8?q?=EB=8F=85=EC=84=B1=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 라벨 0.68→0.8rem·굵기 500·불투명도 0.92, 아이콘 22→25px, 바 높이 56→62px
- 텍스트가 너무 작아 메뉴 구분이 안 되던 문제 해소

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/layout/AppBottomNav.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/layout/AppBottomNav.vue b/src/components/layout/AppBottomNav.vue
index d89cbbb..7908b80 100644
--- a/src/components/layout/AppBottomNav.vue
+++ b/src/components/layout/AppBottomNav.vue
@@ -74,7 +74,7 @@ function goSettings() {
   display: flex;
   align-items: stretch;
   justify-content: space-around;
-  height: 56px;
+  height: 62px;
   padding-bottom: env(safe-area-inset-bottom, 0);
   background: var(--color-background-soft);
   border-top: 1px solid var(--color-border);
@@ -85,18 +85,22 @@ function goSettings() {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 0.15rem;
+  gap: 0.25rem;
   border: 0;
   background: transparent;
   color: var(--color-text);
   cursor: pointer;
-  font-size: 0.68rem;
-  opacity: 0.78;
+  font-size: 0.8rem;
+  font-weight: 500;
+  opacity: 0.92;
   transition: opacity 0.15s ease, color 0.15s ease;
 }
+.nav-btn span {
+  line-height: 1;
+}
 .nav-btn svg {
-  width: 22px;
-  height: 22px;
+  width: 25px;
+  height: 25px;
 }
 .nav-btn:hover {
   opacity: 1;