From 9b39e972e7620caf83a8e07b5b6e60e868d401de Mon Sep 17 00:00:00 2001 From: xfy Date: Thu, 9 Jul 2026 13:52:29 +0800 Subject: [PATCH] =?UTF-8?q?style(admin):=20=E6=94=B6=E7=B4=A7=E5=90=8E?= =?UTF-8?q?=E5=8F=B0=E6=89=80=E6=9C=89=E9=A1=B5=E9=9D=A2=E5=B7=A6=E5=8F=B3?= =?UTF-8?q?=E8=BE=B9=E8=B7=9D=20px-10=20=E2=86=92=20px-6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit px-10(40px) 偏宽,收紧到 px-6(24px) 更紧凑。 - admin_layout 的 main_class: 影响 dashboard/comments/posts/ posts_trash/runner/system 等所有非 write 页面 - write 页面左栏内容区 + 底栏,保持与其它页面一致对齐 --- src/components/admin_layout.rs | 2 +- src/pages/admin/write.rs | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/admin_layout.rs b/src/components/admin_layout.rs index 85320f5..de70e97 100644 --- a/src/components/admin_layout.rs +++ b/src/components/admin_layout.rs @@ -68,7 +68,7 @@ pub fn AdminLayout() -> Element { let main_class = if is_write_route { "flex-1 w-full max-w-7xl mx-auto flex flex-col min-h-0" } else { - "flex-1 w-full max-w-7xl mx-auto px-10 py-12" + "flex-1 w-full max-w-7xl mx-auto px-6 py-12" }; let root_class = "min-h-dvh flex bg-[var(--color-paper-entry)] text-[var(--color-paper-primary)] font-sans"; diff --git a/src/pages/admin/write.rs b/src/pages/admin/write.rs index 864bce3..d1be1a6 100644 --- a/src/pages/admin/write.rs +++ b/src/pages/admin/write.rs @@ -423,7 +423,7 @@ fn write_editor(post_id: Option) -> Element { div { class: "flex-1 min-h-0 flex", // 左栏(主写作区):flex-1 撑满宽度,min-w-0 防止长标题/代码块撑破 flex, // overflow-y-auto 独立滚动。 - div { class: "flex-1 min-w-0 min-h-0 overflow-y-auto px-10 py-8 flex flex-col", + div { class: "flex-1 min-w-0 min-h-0 overflow-y-auto px-6 py-8 flex flex-col", // 标题输入 input { class: "w-full text-4xl md:text-5xl font-extrabold bg-transparent text-[var(--color-paper-primary)] placeholder-[var(--color-paper-tertiary)] focus:outline-none tracking-tight leading-tight", @@ -531,8 +531,8 @@ fn write_editor(post_id: Option) -> Element { // 底部操作栏 - flex 分区布局的贴底块:作为 main 直接子元素(flex-shrink-0), // 永远贴卡片底沿,不随内容区滚动。无需 sticky,不会跳动。 - // px-10 py-4 与内容区水平对齐;border-t 与页头分割线视觉一致。 - div { class: "flex-shrink-0 px-10 py-4 flex items-center gap-4 border-t border-[var(--color-paper-border)] bg-[var(--color-paper-theme)]", + // px-6 py-4 与内容区水平对齐;border-t 与页头分割线视觉一致。 + div { class: "flex-shrink-0 px-6 py-4 flex items-center gap-4 border-t border-[var(--color-paper-border)] bg-[var(--color-paper-theme)]", button { class: "px-6 py-2 rounded-full text-sm font-medium text-[var(--color-paper-secondary)] hover:text-[var(--color-paper-primary)] transition-colors cursor-pointer", onclick: move |_| {