From cb7bc22a07bb48e46ce08a0333689110be8d8e00 Mon Sep 17 00:00:00 2001
From: hailin <hailin@gdzx.xyz>
Date: Sun, 30 Mar 2025 14:04:27 +0800
Subject: [PATCH] .

---
 apps/blogai/components/header.tsx | 35 ++++++++++++++++---------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/apps/blogai/components/header.tsx b/apps/blogai/components/header.tsx
index 5f55424..b9166e3 100644
--- a/apps/blogai/components/header.tsx
+++ b/apps/blogai/components/header.tsx
@@ -218,27 +218,28 @@ export function DetailPageHeader({ data }: { data: any }) {
             )}
           </button>
 
-          {/* 右信息区域（带图标） */}
-          <div className="text-sm leading-7 space-y-1.5">
-            <div className="flex items-center gap-2">
-              <BadgeInfo size={16} /> {data?.name || "未命名组件"}
+          {/* 信息 + 删除按钮：左右分布 */}
+          <div className="flex justify-between flex-1 items-end">
+            {/* 信息区域 */}
+            <div className="text-sm leading-7 space-y-1.5">
+              <div className="flex items-center gap-2">
+                <BadgeInfo size={16} /> {data?.name || "未命名组件"}
+              </div>
+              <div className="flex items-center gap-2">
+                <Tags size={16} /> {data?.category || "未知"}
+              </div>
+              <div className="flex items-center gap-2">
+                <CalendarClock size={16} /> {data?.updated_at || "未提供"}
+              </div>
+              <div className="flex items-center gap-2">
+                <Building2 size={16} /> {data?.company || "未知公司"}
+              </div>
             </div>
-            <div className="flex items-center gap-2">
-              <Tags size={16} /> {data?.category || "未知"}
-            </div>
-            <div className="flex items-center gap-2">
-              <CalendarClock size={16} /> {data?.updated_at || "未提供"}
-            </div>
-            <div className="flex items-center gap-2">
-              <Building2 size={16} /> {data?.company || "未知公司"}
-            </div>
-          </div>
 
-          {/* 占位 + 删除按钮 */}
-          <div className="flex-1 flex justify-end items-end">
+            {/* 删除按钮 */}
             <button
               onClick={handleDelete}
-              className="text-red-500 hover:text-red-700 transition"
+              className="text-red-500 hover:text-red-700 transition self-end"
               disabled={loading}
             >
               <Trash2 size={20} />