From ce66565b04f076d5a3f469971f41532b433b9826 Mon Sep 17 00:00:00 2001
From: ByungCheol <kenneth73510@nurier.co.kr>
Date: Sun, 12 Jul 2026 12:46:09 +0900
Subject: [PATCH] =?UTF-8?q?fix(layout):=20=EC=83=81=C2=B7=ED=95=98?=
 =?UTF-8?q?=EB=8B=A8=20safe-area=20=EC=A0=81=EC=9A=A9=20=E2=80=94=20?=
 =?UTF-8?q?=ED=97=A4=EB=8D=94/=ED=92=8B=ED=84=B0=EA=B0=80=20=EC=83=81?=
 =?UTF-8?q?=ED=83=9C=EB=B0=94=C2=B7=EB=82=B4=EB=B9=84=EB=B0=94=EC=99=80=20?=
 =?UTF-8?q?=EA=B2=B9=EC=B9=A8=20=ED=95=B4=EC=86=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/css/app.scss | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index 1c3dcf3..b153d95 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -16,12 +16,11 @@ body {
   padding-top: env(safe-area-inset-top);
 }
 
-// iOS 노치/홈바 safe-area 대응.
-// 네이티브 웹뷰가 이미 safe-area 아래로 배치돼(이중 여백 방지) CSS 추가 여백은 0.
-// (제목이 상태바에 겹치면 이 값을 소폭 늘린다)
+// 노치/상태바/홈바 safe-area 대응 (edge-to-edge 웹뷰).
+// 헤더는 상태바 높이만큼, 풋터는 홈 인디케이터 높이만큼 콘텐츠를 내부로 밀어 겹침 방지.
 .safe-top {
-  padding-top: 0;
+  padding-top: env(safe-area-inset-top);
 }
 .safe-bottom {
-  padding-bottom: 0;
+  padding-bottom: env(safe-area-inset-bottom);
 }