From 36f17be03a3b78ccae208855681087cd9f692ccf Mon Sep 17 00:00:00 2001 From: sb Date: Sat, 11 Jul 2026 17:54:08 +0900 Subject: [PATCH] =?UTF-8?q?style:=20=EC=83=81/=ED=95=98=EB=8B=A8=20safe-ar?= =?UTF-8?q?ea=20=EC=97=AC=EB=B0=B1=20=EC=B6=95=EC=86=8C=20(=ED=97=A4?= =?UTF-8?q?=EB=8D=94=20=EC=9C=84=C2=B7=ED=83=AD=EB=B0=94=20=EC=95=84?= =?UTF-8?q?=EB=9E=98=20=EA=B3=B5=EB=B0=B1=20=EA=B0=90=EC=86=8C)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 다이나믹 아일랜드는 화면 중앙에만 있어 헤더 양옆 콘텐츠는 full inset 불필요. 상태바/홈바 최소 여백만 남기고 safe-top/safe-bottom 을 줄임. Co-Authored-By: Claude Opus 4.8 (1M context) --- src/css/app.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/css/app.scss b/src/css/app.scss index 24b0b4f..9cd3a85 100644 --- a/src/css/app.scss +++ b/src/css/app.scss @@ -8,9 +8,11 @@ body { } // iOS 노치/홈바 safe-area 대응 +// 다이나믹 아일랜드는 화면 가운데에만 있어 헤더 양옆(제목·아이콘)은 full inset 이 불필요. +// 상태바/홈바 최소 여백만 남기고 축소해 상/하단 빈 공간을 줄인다. .safe-top { - padding-top: env(safe-area-inset-top); + padding-top: max(24px, calc(env(safe-area-inset-top) - 8px)); } .safe-bottom { - padding-bottom: env(safe-area-inset-bottom); + padding-bottom: max(6px, calc(env(safe-area-inset-bottom) - 14px)); }