Add layout offset below fixed navbar (#550)

2025-10-17 16:34:49 +08:00 · 2025-10-17 16:34:49 +08:00 · d91f2b928f
commit d91f2b928f
parent 366218f805
2 changed files with 5 additions and 2 deletions
--- 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;
--- 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 />
    </>
  )