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 |
-
<
|
71 |
-
<
|
72 |
-
|
73 |
-
|
74 |
-
|
75 |
-
|
76 |
-
|
77 |
-
|
78 |
-
|
79 |
-
|
|
|
|
|
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">
|