From 13a0f0d40f878d4aca54d5aeaab65b31e61a38f2 Mon Sep 17 00:00:00 2001 From: sb Date: Thu, 9 Jul 2026 22:17:31 +0900 Subject: [PATCH] =?UTF-8?q?fix(layout):=20=EB=B3=B8=EB=AC=B8=20=ED=95=98?= =?UTF-8?q?=EB=8B=A8=EC=97=90=20=EA=B3=A0=EC=A0=95=20=EB=82=B4=EB=B9=84=20?= =?UTF-8?q?=EB=86=92=EC=9D=B4=EB=A7=8C=ED=81=BC=20=EC=97=AC=EB=B0=B1=20?= =?UTF-8?q?=E2=80=94=20=EB=A7=88=EC=A7=80=EB=A7=89=20=EB=82=B4=EC=9A=A9=20?= =?UTF-8?q?=EA=B0=80=EB=A6=BC=20=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 하단 내비가 position:fixed 인데 본문 하단 여백은 광고 있을 때만 있어, 광고 OFF 상태에서 마지막 내용/버튼이 내비 뒤로 가려져 클릭 불가 - .layout-body 에 기본 padding-bottom(56px+safe-area) 항상 적용(PC·모바일) Co-Authored-By: Claude Opus 4.8 --- src/App.vue | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/App.vue b/src/App.vue index 0f5fe64..15b1dad 100644 --- a/src/App.vue +++ b/src/App.vue @@ -397,6 +397,8 @@ watch(() => route.fullPath, () => ui.closeSidebar()) .layout-body { grid-area: body; padding: 1.5rem 2rem; + /* 하단 고정 내비(56px + 안전영역) 뒤로 마지막 내용이 가려지지 않도록 항상 여백 확보 */ + padding-bottom: calc(56px + env(safe-area-inset-bottom, 0) + 1rem); /* 그리드 1fr 트랙 안에서만 스크롤(콘텐츠로 인해 트랙이 늘어나 페이지 전체가 스크롤되지 않도록 min-height:0) */ min-height: 0; overflow-y: auto; @@ -471,6 +473,7 @@ watch(() => route.fullPath, () => ui.closeSidebar()) } .layout-body { padding: 1rem; + padding-bottom: calc(56px + env(safe-area-inset-bottom, 0) + 1rem); } }