64 lines
1.6 KiB
TypeScript
64 lines
1.6 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Inter, Open_Sans, Fira_Code } from "next/font/google";
|
|
import "./globals.css";
|
|
import LayoutWrapper from "./LayoutWrapper";
|
|
|
|
const inter = Inter({
|
|
variable: "--font-inter",
|
|
subsets: ["latin"],
|
|
weight: ["400", "500", "600"],
|
|
});
|
|
|
|
const openSans = Open_Sans({
|
|
variable: "--font-open-sans",
|
|
subsets: ["latin"],
|
|
weight: ["700"],
|
|
});
|
|
|
|
const firaCode = Fira_Code({
|
|
variable: "--font-fira-code",
|
|
subsets: ["latin"],
|
|
weight: ["400", "600"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Aggios - Dashboard",
|
|
description: "Plataforma SaaS para agências digitais",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="pt-BR">
|
|
<head>
|
|
<script
|
|
dangerouslySetInnerHTML={{
|
|
__html: `
|
|
(function() {
|
|
const theme = localStorage.getItem('theme');
|
|
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
const isDark = theme === 'dark' || (!theme && prefersDark);
|
|
if (isDark) {
|
|
document.documentElement.classList.add('dark');
|
|
} else {
|
|
document.documentElement.classList.remove('dark');
|
|
}
|
|
})();
|
|
`,
|
|
}}
|
|
/>
|
|
</head>
|
|
<body
|
|
className={`${inter.variable} ${openSans.variable} ${firaCode.variable} antialiased bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100 transition-colors`}
|
|
>
|
|
<LayoutWrapper>
|
|
{children}
|
|
</LayoutWrapper>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|