From 82245bea1ea98383e0e18bd80fdcad0678ee7ba4 Mon Sep 17 00:00:00 2001
From: yangdx <yangdx@znipower.com>
Date: Mon, 24 Mar 2025 21:48:22 +0800
Subject: [PATCH] Adjust header layout and alignment for better spacing

---
 lightrag_webui/src/features/SiteHeader.tsx | 26 ++++++++++++----------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/lightrag_webui/src/features/SiteHeader.tsx b/lightrag_webui/src/features/SiteHeader.tsx
index fb21df40..ccbfd25e 100644
--- a/lightrag_webui/src/features/SiteHeader.tsx
+++ b/lightrag_webui/src/features/SiteHeader.tsx
@@ -67,18 +67,20 @@ export default function SiteHeader() {
 
   return (
     <header className="border-border/40 bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-50 flex h-10 w-full border-b px-4 backdrop-blur">
-      <a href={webuiPrefix} className="mr-6 flex items-center gap-2">
-        <ZapIcon className="size-4 text-emerald-400" aria-hidden="true" />
-        {/* <img src='/logo.png' className="size-4" /> */}
-        <span className="font-bold md:inline-block">{SiteInfo.name}</span>
-        {versionDisplay && (
-          <span className="ml-2 text-xs text-gray-500 dark:text-gray-400">
-            v{versionDisplay}
-          </span>
-        )}
-      </a>
+      <div className="w-[200px] flex items-center">
+        <a href={webuiPrefix} className="flex items-center gap-2">
+          <ZapIcon className="size-4 text-emerald-400" aria-hidden="true" />
+          {/* <img src='/logo.png' className="size-4" /> */}
+          <span className="font-bold md:inline-block">{SiteInfo.name}</span>
+          {versionDisplay && (
+            <span className="ml-2 text-xs text-gray-500 dark:text-gray-400">
+              v{versionDisplay}
+            </span>
+          )}
+        </a>
+      </div>
 
-      <div className="flex h-10 flex-1 justify-center">
+      <div className="flex h-10 flex-1 items-center justify-center">
         <TabsNavigation />
         {isGuestMode && (
           <div className="ml-2 self-center px-2 py-1 text-xs bg-amber-100 text-amber-800 dark:bg-amber-900 dark:text-amber-200 rounded-md">
@@ -87,7 +89,7 @@ export default function SiteHeader() {
         )}
       </div>
 
-      <nav className="flex items-center">
+      <nav className="w-[200px] flex items-center justify-end">
         <div className="flex items-center gap-2">
           <Button variant="ghost" size="icon" side="bottom" tooltip={t('header.projectRepository')}>
             <a href={SiteInfo.github} target="_blank" rel="noopener noreferrer">