joe/next-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Oops probably should've committed, not even sure what's changed. Set up MDX, set up cv and print, set up dark mode, look at react query

Browse Source
This commit is contained in:
Joe Monk
2024-08-08 01:21:34 +01:00
parent 433ba19a7a
commit 7f88af8ee3
30 changed files with 3184 additions and 703 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/app/layout.tsx
View File

@@ -2,10 +2,6 @@ import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import NavBar from '@/components/navbar';
import Footer from '@/components/footer';
import LogIn from "@/components/auth/login";
const inter = Inter({
subsets: ['latin'],
variable: '--font-inter',
@@ -22,13 +18,22 @@ export default function RootLayout({
children: React.ReactNode;
}>): React.JSX.Element {
return (
<html className={`${inter.variable} font-sans`} lang="en">
<body className="min-h-screen flex flex-col bg-dracula-bg">
<NavBar LogIn={<LogIn/>}/>
<main className="px-6 py-4 w-full mx-auto flex-1 align-middle lg:max-w-5xl">
{children}
</main>
<Footer/>
// Use suppress hydration warnings to add the dark theme class on client
<html className={`${inter.variable} font-sans`} lang="en" suppressHydrationWarning>
<head>
<script id="SetTheme"
dangerouslySetInnerHTML={{
__html: `
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');
}`,
}}>
</script>
</head>
<body className="min-h-screen flex flex-col bg-dracula-bg-lightest dark:bg-dracula-bg print:white">
{children}
</body>
</html>
);