From 15254601490dd3c36d971cf3088547458719fbd7 Mon Sep 17 00:00:00 2001
From: sb <sb@MacBook-Pro.local>
Date: Sat, 4 Jul 2026 17:19:57 +0900
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=ED=97=A4=EB=8D=94=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20=EB=B2=84=ED=8A=BC=EA=B3=BC=20=ED=95=98?=
 =?UTF-8?q?=EB=8B=A8=20=EA=B5=AC=EB=B6=84=EC=84=A0=20=EA=B2=B9=EC=B9=A8=20?=
 =?UTF-8?q?=E2=80=94=20=EC=84=B8=EB=A1=9C=20=ED=8C=A8=EB=94=A9=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .app-header 및 모바일 미디어쿼리(≤768px) 둘 다 세로 패딩(0.5rem) 적용
  (미디어쿼리가 padding:0 1rem 으로 덮어써 앱에서 효과 없던 문제 포함)

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

diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue
index 80c2f26..0423322 100644
--- a/src/components/layout/AppHeader.vue
+++ b/src/components/layout/AppHeader.vue
@@ -83,7 +83,8 @@ async function handleLogout() {
   /* height 대신 min-height — 네이티브에서 layout-top 이 상단 safe-area 패딩을 더하므로
      (box-sizing:border-box) 고정 height 면 콘텐츠가 눌린다. min-height 로 헤더가 커지게. */
   min-height: 56px;
-  padding: 0 1.5rem;
+  /* 세로 패딩으로 버튼/타이틀이 하단 구분선에 붙지 않게 (상단 패딩은 네이티브에서 layout-top 이 override). */
+  padding: 0.5rem 1.5rem;
   background: var(--color-background-soft);
   border-bottom: 1px solid var(--color-border);
 }
@@ -143,7 +144,8 @@ async function handleLogout() {
     display: inline-flex;
   }
   .app-header {
-    padding: 0 1rem;
+    /* 세로 패딩 유지(로그인 버튼이 하단 구분선에 붙지 않게). 상단은 네이티브에서 layout-top override. */
+    padding: 0.5rem 1rem;
   }
   /* 좁은 화면(폰/앱): 브랜드명 텍스트 숨기고 로고만 — 두 줄 줄바꿈 방지 */
   .brand-text {