diff options
Diffstat (limited to 'app/layout.tsx')
| -rw-r--r-- | app/layout.tsx | 26 |
1 files changed, 15 insertions, 11 deletions
diff --git a/app/layout.tsx b/app/layout.tsx index ac202e0..baa8efc 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,3 +1,5 @@ +// "use client" + import type { Metadata } from "next"; // import { Inter, Audiowide, Rock_Salt, Monoton, JetBrains_Mono } from 'next/font/google' import "./styles.css"; @@ -5,6 +7,7 @@ import { ThemeProvider } from "@/components/theme-provider" import Header from "@/components/header"; import { MonotonFont, RockSaltFont, InterFont, JetBrainsMonoFont } from "./lib/fonts"; import { Analytics } from "@vercel/analytics/react" +import Performance from "@/components/performance"; // const programFont = localFont({ // src: "/fonts/LigaJetBrainsMonoNerdFont-Regular.ttf" @@ -36,15 +39,16 @@ export const metadata: Metadata = { }; export default function RootLayout({children,}: Readonly<{children: React.ReactNode;}>) { - return ( - <html lang="en"> - <body className={`${MonotonFont.variable} ${RockSaltFont.variable} ${InterFont.variable} ${JetBrainsMonoFont.variable}`}> - <Header /> - <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange> - {children} - </ThemeProvider> - <Analytics /> - </body> - </html> - ); + return ( + <html lang="en" style={{ "--blur-size": 0 } as React.CSSProperties}> + <body className={`${MonotonFont.variable} ${RockSaltFont.variable} ${InterFont.variable} ${JetBrainsMonoFont.variable}`}> + <Header /> + <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange> + {children} + </ThemeProvider> + <Analytics /> + <Performance /> + </body> + </html> + ); } |