jianf/HomeDash
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(layout): 矮视口下备案号不再撑高页面（修 minimal 纵向滚动）

Browse Source 
实测复现：900x520 时 .navi-footer-host 由 39px 换行涨到 69px，因处于文档流
（margin-top:auto）把页面顶高 47px，minimal 出现纵向滚动；1280x720 等常见尺寸
复现不出来，所以此前漏检。

只对 max-height:560px 收紧：缩小内边距/字号 + 禁止换行，并同步上移搜索栏
与按钮组，避免与备案号相撞。高窗口与移动端不受影响。
This commit is contained in:
HomeDash Bot
2026-09-12 07:55:22 +08:00
parent c8f6ac68fe
commit 67038ce4de
1 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
web/navi.css
View File

@ -1782,3 +1782,29 @@ html.navi-dark body .navi-ws-modal-title,
html.navi-dark body .navi-ws-notice-title {
color: #e8eefc !important;
}
/* ── 矮视口下备案号不再撑高页面 ──
实测复现：900x520 时 .navi-footer-host 从 39px 换行涨到 69px，
而它在文档流里（margin-top:auto），于是页面被顶高 47px → 出现纵向滚动。
只对"矮窗口"收紧：缩小内边距/字号并禁止换行（矮窗口通常较宽，不会横向溢出）。
高窗口与移动端不受影响。 */
@media (max-height: 560px) {
html[data-theme] .navi-footer-host {
padding: 2px !important;
}
html[data-theme] .navi-footer {
margin: 4px auto 0 !important;
padding: 5px 12px !important;
font-size: 11.5px !important;
flex-wrap: nowrap !important;
white-space: nowrap !important;
max-width: calc(100% - 12px) !important;
overflow: hidden !important;
}
html[data-theme] .navi-search-bar {
bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
}
html[data-theme] .navi-dock {
bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
}
}