fix(assets): 操作横幅上下间距不对称(40px/8px → 24px/24px)

FilterTabs 自带 mb-6 在 flex 工具栏内撑出 24px,再叠横幅 mt-4 形成 40px
空洞,而横幅下方仅网格 mt-2 的 8px。横幅改 mt-4 为 mb-6:上方回归 tabs
标准间距 24px,下方与网格 mt-2 margin 塌陷同为 24px,与 comments/system
页节奏一致。
This commit is contained in:
xfy 2026-07-27 09:57:15 +08:00
parent 55e4712f28
commit b4bea7db0d

View File

@ -288,7 +288,9 @@ pub fn Assets() -> Element {
// 操作结果横幅 // 操作结果横幅
if let Some(msg) = op_message() { if let Some(msg) = op_message() {
div { class: "mt-4 flex items-center justify-between gap-4 rounded-2xl border border-[var(--color-paper-border)] bg-[var(--color-paper-entry)] px-4 py-3 text-sm text-[var(--color-paper-primary)] shadow-sm", // mt-4 会与 FilterTabs 自带的 mb-6 叠加成大空洞;改用 mb-6 后
// 上方 = tabs 标准间距 24px下方与网格 mt-2 塌陷同为 24px对称。
div { class: "mb-6 flex items-center justify-between gap-4 rounded-2xl border border-[var(--color-paper-border)] bg-[var(--color-paper-entry)] px-4 py-3 text-sm text-[var(--color-paper-primary)] shadow-sm",
span { "{msg}" } span { "{msg}" }
button { button {
class: "text-[var(--color-paper-tertiary)] hover:text-[var(--color-paper-primary)] cursor-pointer", class: "text-[var(--color-paper-tertiary)] hover:text-[var(--color-paper-primary)] cursor-pointer",