fix(assets): 工具栏右侧按钮沉入 FilterTabs 的 mb-6 区域紧贴横幅

工具栏 items-end 对齐的是 flex 项的 margin box:FilterTabs 带 mb-6 使容器
底端低于下划线 24px,右侧按钮组无底 margin 被一并拉到底端,距横幅仅 4px。
按钮组同加 mb-6(移除补偿用的 pb-1)后,按钮底边与 tabs 下划线齐平,
下划线→横幅、按钮→横幅、横幅→网格均为 24px。
This commit is contained in:
xfy 2026-07-27 10:01:56 +08:00
parent b4bea7db0d
commit e33e89c258

View File

@ -177,7 +177,9 @@ pub fn Assets() -> Element {
page.set(1);
},
}
div { class: "flex items-center gap-3 pb-1",
// 右侧控件与 FilterTabs 同加 mb-6items-end 对齐的是 margin box
// 两者底边同落在 tabs 下划线处,到下方横幅/网格的距离均为 24px。
div { class: "flex items-center gap-3 mb-6",
// 重建索引:以磁盘为准全量自愈(存量回填/不一致修复)。
button {
class: "text-xs font-medium cursor-pointer px-3 py-2 rounded-full border border-[var(--color-paper-border)] text-[var(--color-paper-secondary)] hover:text-[var(--color-paper-primary)] hover:border-[var(--color-paper-primary)] transition-colors disabled:opacity-50 disabled:cursor-not-allowed",