layout.js 968 B

12345678910111213141516171819202122232425262728293031323334353637
  1. import { Geist, Geist_Mono } from "next/font/google";
  2. import "./globals.css";
  3. import { ThemeProvider } from "@/components/ui/theme-provider";
  4. const geistSans = Geist({
  5. variable: "--font-geist-sans",
  6. subsets: ["latin"],
  7. });
  8. const geistMono = Geist_Mono({
  9. variable: "--font-geist-mono",
  10. subsets: ["latin"],
  11. });
  12. export const metadata = {
  13. title: "RHL Lieferscheine",
  14. description: "Interne Lieferscheine-App",
  15. };
  16. export default function RootLayout({ children }) {
  17. return (
  18. <html lang="de" suppressHydrationWarning>
  19. <body
  20. className={`${geistSans.variable} ${geistMono.variable} min-h-screen bg-background text-foreground antialiased`}
  21. >
  22. <ThemeProvider
  23. attribute="class" // <html class="dark"> ...
  24. defaultTheme="system" // System-Theme als Default
  25. enableSystem // System-Theme berücksichtigen
  26. disableTransitionOnChange // keine hässlichen Transition-Jumps
  27. >
  28. {children}
  29. </ThemeProvider>
  30. </body>
  31. </html>
  32. );
  33. }