fix(ui): 사이드바 드로어 상단 safe-area 여백 — iOS 상태바 겹침 해결

드로어 최상단(로고/제목)이 iOS 상태바에 가리던 문제. app-sidebar 에 padding-top: env(safe-area-inset-top) 추가. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-05 16:00:08 +09:00
parent 4c325544a6
commit f3f11fa15b
1 changed files with 2 additions and 1 deletions
@@ -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;