sb/dognation_PT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 상/하단 이중 safe-area 여백 제거

Browse Source 
네이티브 웹뷰가 이미 노치/홈바 아래로 배치되는데 CSS safe-top/safe-bottom 이
env inset 을 한 번 더 더해 헤더/푸터 여백이 이중으로 잡히던 문제.
CSS 추가 여백을 0으로 하여 네이티브 인셋만 사용.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
sb
2026-07-11 19:00:34 +09:00
parent 08743892d4
commit eac3098680
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/app.scss
+5 -5
View File
@@ -7,12 +7,12 @@ body {
color: #3E92CC; color: #3E92CC;
} }
// iOS 노치/홈바 safe-area 대응 // iOS 노치/홈바 safe-area 대응.
// 다이나믹 아일랜드는 화면 가운데에만 있어 헤더 양옆(제목·아이콘)은 full inset 이 불필요. // 네이티브 웹뷰가 이미 safe-area 아래로 배치돼(이중 여백 방지) CSS 추가 여백은 0.
// 상태바/홈바 최소 여백만 남기고 축소해 상/하단 빈 공간을 줄인다. // (제목이 상태바에 겹치면 이 값을 소폭 늘린다)
.safe-top { .safe-top {
padding-top: max(24px, calc(env(safe-area-inset-top) - 8px)); padding-top: 0;
} }
.safe-bottom { .safe-bottom {
padding-bottom: max(6px, calc(env(safe-area-inset-bottom) - 14px)); padding-bottom: 0;
} }