responsive navbar

2025-05-01 11:10:31 +02:00
parent 10d1c91dea
commit 8f3a7009e1
19 changed files with 1202 additions and 47 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,9 @@ import { config } from "@fortawesome/fontawesome-svg-core"
 import "@fortawesome/fontawesome-svg-core/styles.css"
 import TopNav from "./_components/TopNav";
 import TrpcProvider from "./_trpc/TrpcProvider";
+import dynamic from "next/dynamic";
+const ThemeProvider = dynamic(() => import("./_providers/ThemeProvider"),{ssr:true})
+
 config.autoAddCss = false;
 export const metadata: Metadata = {
 	title: "Gregor Lohaus",
@@ -26,13 +29,15 @@ export default function RootLayout({
 	return (
 		<ClerkProvider>
 			<TrpcProvider>
-				<html lang="en" className={`${geist.variable}`}>
-					<body className="flex flex-col gap-2 bg-black text-white">
-						<TopNav/>
-						{children}
-						{modal}
-					</body>
-				</html>
+				<ThemeProvider>
+					<html lang="en" className={`${geist.variable}`} suppressHydrationWarning>
+						<body className="flex flex-col bg-background text-foreground">
+							<TopNav />
+							{children}
+							{modal}
+						</body>
+					</html>
+				</ThemeProvider>
 			</TrpcProvider>
 		</ClerkProvider>
 	);