yangdx commited on
Commit
9f458f4
·
1 Parent(s): 467ab64

Adjust header layout and alignment for better spacing

Browse files
lightrag_webui/src/features/SiteHeader.tsx CHANGED
@@ -67,18 +67,20 @@ export default function SiteHeader() {
67
 
68
  return (
69
  <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">
70
- <a href={webuiPrefix} className="mr-6 flex items-center gap-2">
71
- <ZapIcon className="size-4 text-emerald-400" aria-hidden="true" />
72
- {/* <img src='/logo.png' className="size-4" /> */}
73
- <span className="font-bold md:inline-block">{SiteInfo.name}</span>
74
- {versionDisplay && (
75
- <span className="ml-2 text-xs text-gray-500 dark:text-gray-400">
76
- v{versionDisplay}
77
- </span>
78
- )}
79
- </a>
 
 
80
 
81
- <div className="flex h-10 flex-1 justify-center">
82
  <TabsNavigation />
83
  {isGuestMode && (
84
  <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() {
87
  )}
88
  </div>
89
 
90
- <nav className="flex items-center">
91
  <div className="flex items-center gap-2">
92
  <Button variant="ghost" size="icon" side="bottom" tooltip={t('header.projectRepository')}>
93
  <a href={SiteInfo.github} target="_blank" rel="noopener noreferrer">
 
67
 
68
  return (
69
  <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">
70
+ <div className="w-[200px] flex items-center">
71
+ <a href={webuiPrefix} className="flex items-center gap-2">
72
+ <ZapIcon className="size-4 text-emerald-400" aria-hidden="true" />
73
+ {/* <img src='/logo.png' className="size-4" /> */}
74
+ <span className="font-bold md:inline-block">{SiteInfo.name}</span>
75
+ {versionDisplay && (
76
+ <span className="ml-2 text-xs text-gray-500 dark:text-gray-400">
77
+ v{versionDisplay}
78
+ </span>
79
+ )}
80
+ </a>
81
+ </div>
82
 
83
+ <div className="flex h-10 flex-1 items-center justify-center">
84
  <TabsNavigation />
85
  {isGuestMode && (
86
  <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">
 
89
  )}
90
  </div>
91
 
92
+ <nav className="w-[200px] flex items-center justify-end">
93
  <div className="flex items-center gap-2">
94
  <Button variant="ghost" size="icon" side="bottom" tooltip={t('header.projectRepository')}>
95
  <a href={SiteInfo.github} target="_blank" rel="noopener noreferrer">