fix(ui): correct homepage header style in demo mode

TabbyML · Oct 29, 2024 · a18e217 · a18e217
1 parent cc0196d
commit a18e217
Showing 1 changed file with 6 additions and 1 deletion.
diff --git 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 />