From 79af7d345e4409efa5e4b10ec49166c81a54d3c5 Mon Sep 17 00:00:00 2001
From: xfy <i@rua.plus>
Date: Mon, 29 Jun 2026 11:49:28 +0800
Subject: [PATCH] =?UTF-8?q?fix(admin):=20=E4=BF=AE=E5=A4=8D=E9=87=8D?=
 =?UTF-8?q?=E5=BB=BA=E5=86=85=E5=AE=B9=E5=90=8E=E6=A0=87=E9=A2=98=E8=A1=8C?=
 =?UTF-8?q?=E7=BA=B5=E5=90=91=E9=94=99=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

点击「重建内容 / 重建全部」后，结果消息撑高了 RebuildCacheBar，外层
header 的 items-center 据此重新居中，把「文章管理」标题与「+ 写文章」按钮
整体下移，而重建按钮停在容器顶部，造成三者不再同处一行。

根因：c024de1 抽取 RebuildCacheBar 时把结果消息纳入子组件的 flex-col 文档流
（重构前消息是页面级兄弟节点，不参与 header 居中计算）。

修复：根容器改 relative，结果消息用 absolute 悬挂于按钮行下方、脱离文档流，
组件盒高恒等于按钮行高度，无论消息是否出现都不影响 header 的垂直居中。

验证：dx check + cargo clippy 全绿。
---
 src/pages/admin/posts.rs | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/pages/admin/posts.rs b/src/pages/admin/posts.rs
index 7866447..f5fce0c 100644
--- a/src/pages/admin/posts.rs
+++ b/src/pages/admin/posts.rs
@@ -170,6 +170,10 @@ pub fn PostsPage(page: i32) -> Element {
 /// 结果消息（`rebuild_result`）、以及 `do_rebuild` 异步闭包。完全自洽，与父组件
 /// 无任何状态共享。
 ///
+/// 布局要点：根容器 `relative`，结果消息 `absolute` 悬挂于按钮行下方，**不进入文档流**。
+/// 这样无论消息是否出现，本组件的盒高始终等于按钮行高度，避免外层 header 的
+/// `items-center` 因消息撑高而把标题与「+ 写文章」按钮重新居中、与重建按钮错位。
+///
 /// 从 `PostsPage` 抽取以降低 god component 复杂度（见 dioxus-render-purity skill）。
 #[component]
 #[cfg_attr(not(target_arch = "wasm32"), allow(unused_mut, unused_variables))]
@@ -204,8 +208,11 @@ fn RebuildCacheBar() -> Element {
     };
 
     rsx! {
-        // 垂直容器：上方按钮行（与父级 + 写文章 同级水平排列），下方重建结果消息。
-        div { class: "flex flex-col gap-2",
+        // 根容器仅占「按钮行」高度：结果消息用绝对定位悬挂于按钮下方，
+        // 不进入文档流。否则消息出现时会撑高本组件，导致外层 header 的
+        // items-center 把「文章管理」标题与「+ 写文章」按钮重新居中、
+        // 与停在容器顶部的重建按钮产生纵向错位。
+        div { class: "relative",
             div { class: "flex items-center gap-3",
                 div { class: "group relative",
                     button {
@@ -239,7 +246,9 @@ fn RebuildCacheBar() -> Element {
                 }
             }
             if let Some(msg) = rebuild_result() {
-                div { class: "text-sm text-paper-secondary px-1", "{msg}" }
+                div { class: "absolute top-full left-0 mt-2 text-sm text-paper-secondary whitespace-nowrap",
+                    "{msg}"
+                }
             }
         }
     }