From d91f2b928fba66aa0ff33fe7eb70b2eac8a26fc3 Mon Sep 17 00:00:00 2001
From: shenlan <manbuzhe2009@qq.com>
Date: Fri, 17 Oct 2025 16:34:49 +0800
Subject: [PATCH] Add layout offset below fixed navbar (#550)

---
 dashboard/app/globals.css             | 1 +
 dashboard/cms/extensions/appShell.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/dashboard/app/globals.css b/dashboard/app/globals.css
index b157c54..75a8b4c 100644
--- a/dashboard/app/globals.css
+++ b/dashboard/app/globals.css
@@ -8,6 +8,7 @@
 :root {
   --font-geist-sans: 'Geist', sans-serif;
   --font-geist-mono: 'Geist Mono', monospace;
+  --app-shell-nav-offset: 5.5rem;
 
   /* Light theme defaults */
   --color-background: #f8fafc;
diff --git a/dashboard/cms/extensions/appShell.tsx b/dashboard/cms/extensions/appShell.tsx
index e5d9d26..4e65852 100644
--- a/dashboard/cms/extensions/appShell.tsx
+++ b/dashboard/cms/extensions/appShell.tsx
@@ -10,8 +10,10 @@ function AppShellLayout({ children }: { children: ReactNode }) {
   return (
     <>
       <Navbar />
-      {children}
-      <Footer />
+      <div className="pt-[var(--app-shell-nav-offset)]">
+        {children}
+        <Footer />
+      </div>
       <AskAIButton />
     </>
   )