Files
tvone/app/layout.tsx
T

54 lines
1.7 KiB
TypeScript
Raw Normal View History

2026-03-28 23:22:50 +01:00
import type { Metadata, Viewport } from "next";
2026-03-25 14:32:19 +01:00
import { Inter } from "next/font/google";
2026-03-25 13:42:28 +01:00
import "./globals.css";
2026-04-15 12:50:44 +01:00
import { GoogleOAuthProvider } from "@react-oauth/google";
import { ThemeProvider } from 'next-themes'
2026-03-25 13:42:28 +01:00
2026-03-25 14:32:19 +01:00
const inter = Inter({
variable: "--font-inter",
2026-03-25 13:42:28 +01:00
subsets: ["latin"],
});
2026-03-28 23:22:50 +01:00
/** 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",
};
2026-03-25 13:42:28 +01:00
export const metadata: Metadata = {
2026-03-25 14:32:19 +01:00
title: "tvone — Notícias e entretenimento",
description: "O seu portal de notícias, música e cultura.",
2026-04-05 12:40:47 +01:00
icons: {
icon: "/logo.png", // or "/favicon.png"
apple: "/logo.png", // optional for iOS
},
2026-03-28 23:22:50 +01:00
appleWebApp: {
capable: true,
statusBarStyle: "black-translucent",
title: "tvone",
},
2026-03-25 13:42:28 +01:00
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
2026-04-15 13:10:33 +01:00
// 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}`}>
2026-04-15 12:50:44 +01:00
<GoogleOAuthProvider clientId="618391854803-gtdbtnf5t78stsmd1724s8c456tfq4lr.apps.googleusercontent.com">
2026-04-15 13:10:33 +01:00
{/* Ensure attribute="class" is set here */}
<ThemeProvider attribute="class" defaultTheme="light" enableSystem>
2026-04-15 12:50:44 +01:00
{children}
</ThemeProvider>
</GoogleOAuthProvider>
2026-03-25 14:32:19 +01:00
</body>
2026-03-25 13:42:28 +01:00
</html>
);
2026-04-15 12:50:44 +01:00
}