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); } }