Files
tvone/app/layout.tsx
T
2026-04-15 12:50:44 +01:00

57 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 (
// Remova o style={{ colorScheme: 'light' }} daqui,
// pois o Next.js tem dificuldade em hidratar estilos inline no <html>
<html lang="pt" style={{ colorScheme: 'light' }} className={`${inter.variable} light h-full antialiased`} suppressHydrationWarning>
<body className={`min-h-full flex flex-col bg-[#f5f5f7] text-neutral-900 ${inter.className}`}>
<GoogleOAuthProvider clientId="618391854803-gtdbtnf5t78stsmd1724s8c456tfq4lr.apps.googleusercontent.com">
<ThemeProvider
attribute="class"
defaultTheme="light"
enableSystem={false}
>
{children}
</ThemeProvider>
</GoogleOAuthProvider>
</body>
</html>
);
}