From a18e217b2363021800412e7259048bd645cfe1f5 Mon Sep 17 00:00:00 2001
From: aliang <1098486429@qq.com>
Date: Tue, 29 Oct 2024 11:26:12 +0800
Subject: [PATCH] fix(ui): correct homepage header style in demo mode

---
 ee/tabby-ui/app/(home)/page.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/ee/tabby-ui/app/(home)/page.tsx b/ee/tabby-ui/app/(home)/page.tsx
index 5121717b4bfe..98fee9cb4242 100644
--- a/ee/tabby-ui/app/(home)/page.tsx
+++ b/ee/tabby-ui/app/(home)/page.tsx
@@ -87,7 +87,12 @@ function MainPanel() {
 
   return (
     <ScrollArea style={style} ref={scroller}>
-      <header className="fixed right-0 top-0 z-10 flex h-16 items-center justify-end px-4 lg:px-10">
+      <header
+        className="fixed right-0 z-10 flex h-16 items-center justify-end px-4 transition-all lg:px-10"
+        style={{
+          top: isShowDemoBanner ? BANNER_HEIGHT : 0
+        }}
+      >
         <div className="flex items-center gap-x-6">
           <ClientOnly>
             <ThemeToggle />