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:
parent
55e4712f28
commit
b4bea7db0d
@ -288,7 +288,9 @@ pub fn Assets() -> Element {
|
||||
|
||||
// 操作结果横幅
|
||||
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}" }
|
||||
button {
|
||||
class: "text-[var(--color-paper-tertiary)] hover:text-[var(--color-paper-primary)] cursor-pointer",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user