From f3f11fa15bec437305989929876a0bb537597874 Mon Sep 17 00:00:00 2001
From: sb <sb@MacBook-Pro.local>
Date: Sun, 5 Jul 2026 16:00:08 +0900
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=EC=82=AC=EC=9D=B4=EB=93=9C=EB=B0=94?=
 =?UTF-8?q?=20=EB=93=9C=EB=A1=9C=EC=96=B4=20=EC=83=81=EB=8B=A8=20safe-area?=
 =?UTF-8?q?=20=EC=97=AC=EB=B0=B1=20=E2=80=94=20iOS=20=EC=83=81=ED=83=9C?=
 =?UTF-8?q?=EB=B0=94=20=EA=B2=B9=EC=B9=A8=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

드로어 최상단(로고/제목)이 iOS 상태바에 가리던 문제. app-sidebar 에 padding-top: env(safe-area-inset-top) 추가.

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

diff --git a/src/components/layout/AppSidebar.vue b/src/components/layout/AppSidebar.vue
index 67d36f7..c1bbaa2 100644
--- a/src/components/layout/AppSidebar.vue
+++ b/src/components/layout/AppSidebar.vue
@@ -120,7 +120,8 @@ const icons = {
 .app-sidebar {
   background: var(--color-background-soft);
   border-right: 1px solid var(--color-border);
-  padding: 0 0 1rem;
+  /* iOS 상태바(노치) 영역만큼 위 여백 — 드로어 상단이 상태바에 가리지 않도록 */
+  padding: env(safe-area-inset-top, 0) 0 1rem;
 }
 .drawer-head {
   display: flex;