From eac3098680ca20f1f4b23a88f7d8420aabb79b2e Mon Sep 17 00:00:00 2001 From: sb Date: Sat, 11 Jul 2026 19:00:34 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=EC=83=81/=ED=95=98=EB=8B=A8=20=EC=9D=B4?= =?UTF-8?q?=EC=A4=91=20safe-area=20=EC=97=AC=EB=B0=B1=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 네이티브 웹뷰가 이미 노치/홈바 아래로 배치되는데 CSS safe-top/safe-bottom 이 env inset 을 한 번 더 더해 헤더/푸터 여백이 이중으로 잡히던 문제. CSS 추가 여백을 0으로 하여 네이티브 인셋만 사용. Co-Authored-By: Claude Opus 4.8 (1M context) --- src/css/app.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/css/app.scss b/src/css/app.scss index 9cd3a85..30d6c9c 100644 --- a/src/css/app.scss +++ b/src/css/app.scss @@ -7,12 +7,12 @@ body { color: #3E92CC; } -// iOS 노치/홈바 safe-area 대응 -// 다이나믹 아일랜드는 화면 가운데에만 있어 헤더 양옆(제목·아이콘)은 full inset 이 불필요. -// 상태바/홈바 최소 여백만 남기고 축소해 상/하단 빈 공간을 줄인다. +// iOS 노치/홈바 safe-area 대응. +// 네이티브 웹뷰가 이미 safe-area 아래로 배치돼(이중 여백 방지) CSS 추가 여백은 0. +// (제목이 상태바에 겹치면 이 값을 소폭 늘린다) .safe-top { - padding-top: max(24px, calc(env(safe-area-inset-top) - 8px)); + padding-top: 0; } .safe-bottom { - padding-bottom: max(6px, calc(env(safe-area-inset-bottom) - 14px)); + padding-bottom: 0; }