fix(layout): 본문 하단에 고정 내비 높이만큼 여백 — 마지막 내용 가림 해결
Deploy / deploy (push) Failing after 13m57s

- 하단 내비가 position:fixed 인데 본문 하단 여백은 광고 있을 때만 있어,
  광고 OFF 상태에서 마지막 내용/버튼이 내비 뒤로 가려져 클릭 불가
- .layout-body 에 기본 padding-bottom(56px+safe-area) 항상 적용(PC·모바일)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
sb
2026-07-09 22:17:31 +09:00
parent 28712a026d
commit 13a0f0d40f
+3
View File
@@ -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);
}
}
</style>