Files
streamrip-ui/frontend/app/layout.tsx
T

32 lines
1016 B
TypeScript

import type { Metadata } from "next";
import { Space_Grotesk } from "next/font/google";
import Header from "./components/Header";
import "./globals.css";
const grotesk = Space_Grotesk({
subsets: ["latin"],
variable: "--font-grotesk",
display: "swap",
});
export const metadata: Metadata = {
title: "streamrip-ui",
description: "Web-Oberfläche für streamrip (Deezer)",
};
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="de">
<body className={grotesk.variable} suppressHydrationWarning>
<script
dangerouslySetInnerHTML={{
__html: `(function(){try{var t=localStorage.getItem("srip-theme");if(t==="light"||(!t&&matchMedia("(prefers-color-scheme: light)").matches))document.documentElement.dataset.theme="light"}catch(e){}})()`,
}}
/>
<Header />
<main style={{ maxWidth: 1200, margin: "0 auto", padding: "24px 20px 60px" }}>{children}</main>
</body>
</html>
);
}