mirror of
https://github.com/PeterMaquiran/tvone.git
synced 2026-04-18 07:17:52 +00:00
54 lines
1.7 KiB
TypeScript
54 lines
1.7 KiB
TypeScript
import type { Metadata, Viewport } from "next";
|
|
import { Inter } from "next/font/google";
|
|
import "./globals.css";
|
|
import { GoogleOAuthProvider } from "@react-oauth/google";
|
|
import { ThemeProvider } from 'next-themes'
|
|
|
|
const inter = Inter({
|
|
variable: "--font-inter",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
/** Matches `TvoneSiteNav` — Safari/iOS uses this for the browser chrome tint from the first paint. */
|
|
const TVONE_HEADER_BLUE = "#0066D4";
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: TVONE_HEADER_BLUE,
|
|
colorScheme: "light",
|
|
viewportFit: "cover",
|
|
};
|
|
|
|
export const metadata: Metadata = {
|
|
title: "tvone — Notícias e entretenimento",
|
|
description: "O seu portal de notícias, música e cultura.",
|
|
icons: {
|
|
icon: "/logo.png", // or "/favicon.png"
|
|
apple: "/logo.png", // optional for iOS
|
|
},
|
|
appleWebApp: {
|
|
capable: true,
|
|
statusBarStyle: "black-translucent",
|
|
title: "tvone",
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
// 1. We remove "light" from className so ThemeProvider can inject it
|
|
// 2. We remove style={{ colorScheme: 'light' }}
|
|
<html lang="pt" className={`${inter.variable} h-full antialiased`} suppressHydrationWarning>
|
|
<body className={`min-h-full flex flex-col bg-[#f5f5f7] text-neutral-900 dark:bg-black dark:text-white ${inter.className}`}>
|
|
<GoogleOAuthProvider clientId="618391854803-gtdbtnf5t78stsmd1724s8c456tfq4lr.apps.googleusercontent.com">
|
|
{/* Ensure attribute="class" is set here */}
|
|
<ThemeProvider attribute="class" defaultTheme="light" enableSystem={true}>
|
|
{children}
|
|
</ThemeProvider>
|
|
</GoogleOAuthProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
} |