base version, dark mode

2025-03-28 09:19:47 +01:00
parent 959286580d
commit eb5e7572d7
19 changed files with 975 additions and 122 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,18 @@
 import React from "react";
+import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
+import Header from "@/components/Header";
+import { ThemeProvider } from "@/components/theme-provider"

+const geistSans = Geist({
+    variable: "--font-geist-sans",
+    subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+    variable: "--font-geist-mono",
+    subsets: ["latin"],
+});

 export const metadata = {
    description: "Diplomarbeiten - HTL Dornbirn",
@@ -11,13 +23,23 @@ export default async function RootLayout(props: { children: React.ReactNode }) {
    const { children } = props;

    return (
-        <html lang="de-AT">
-        <body>
-        <div className="flex flex-col min-h-screen">
+        <html lang="de-AT" suppressHydrationWarning>
+        <body
+            className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        >
+        <ThemeProvider
+            attribute="class"
+            defaultTheme="system"
+            enableSystem
+            disableTransitionOnChange
+        >
+            <Header></Header>
+            <div className="flex flex-col min-h-screen">

-            <main className="grow">{children}</main>
+                <main className="grow">{children}</main>

-        </div>
+            </div>
+        </ThemeProvider>
        </body>
        </html>
    );