HomeDash Bot
f40e54287b
fix(web): 极窄屏备案号不再顶到按钮;mini 叶签两端改为渐变淡出
1) 备案号与自定义按钮只剩 1px
实测 320x640:备案号换行成两行、高 66px,占据距底 11..77;而搜索球/
按钮组固定在 bottom:76px → 两者实测只剩 1px(视觉上已贴上)。
修法:≤380px 时把按钮上移到 bottom:88px,并收紧页脚 gap/padding
(两行高度仍 66px)→ 实测净间隙 11px。≥390px 时备案号是单行 39px,
间隙本就充足,保持不变。
2) mini 顶部叶签被两侧按钮硬切
结构是 [‹按钮 34px][滚动行][›按钮 34px],滚动行 overflow-x:auto
(内容 858px / 可视 294px),卡片直接在滚动行边缘被切断,没有任何过渡。
修法:给滚动行加 mask-image 两端各 24px 渐变淡出,并用 :has() 关联
翻页按钮的 disabled 状态 —— 已经在尽头的一侧不再淡出(两端都到头则
完全不遮罩),避免"到头了还在渐隐"的错觉。
实测:最左时 mask 为「左侧实心 + 右侧渐隐」,滚到最右变为
「左侧渐隐 + 右侧实心」。
2026-09-11 19:18:00 +08:00
..
2026-09-11 11:49:31 +08:00
2026-09-11 19:18:00 +08:00
2026-09-11 19:04:38 +08:00
2026-09-11 16:25:26 +08:00