From ac958a2a68f34d0e3ebbf3c74037b1cf89d78ba8 Mon Sep 17 00:00:00 2001
From: abearxiong <xiongxiao1012@outlook.com>
Date: Thu, 26 Feb 2026 04:06:53 +0800
Subject: [PATCH] feat(layout): integrate dynamic header height based on
 showBaseHeader state

---
 src/routes/__root.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index 2a6d2ea..28d78f7 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -4,18 +4,27 @@ import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
 import { Toaster } from '@/components/ui/sonner'
 import { AuthProvider } from '@/pages/auth'
 import { TooltipProvider } from '@/components/ui/tooltip'
+import { useLayoutStore } from '@/pages/auth/store';
+import { useShallow } from 'zustand/shallow';
+import clsx from 'clsx';
 export const Route = createRootRoute({
   component: RootComponent,
 })
 
 
 function RootComponent() {
+  const store = useLayoutStore(useShallow(state => ({
+    showBaseHeader: state.showBaseHeader,
+  })));
   return (
     <div className='h-full overflow-hidden'>
       <LayoutMain />
       <AuthProvider mustLogin={true}>
         <TooltipProvider>
-          <main className='h-[calc(100%-3rem)] overflow-auto scrollbar'>
+          <main className={clsx('overflow-auto scrollbar', {
+            'h-[calc(100%-3rem)]': store.showBaseHeader,
+            'h-full': !store.showBaseHeader,
+          })}>
             <Outlet />
           </main>
         </TooltipProvider>