From c6086bdcc713d2ef33b43ad0e4b706a8b3cf1a97 Mon Sep 17 00:00:00 2001 From: Dmytro Stanchiev Date: Wed, 8 Apr 2026 00:56:03 -0400 Subject: [PATCH] refactor(layout): switch to Geist fonts, redesign header, default to dark theme - Replace Magra with Geist Mono font - Rename font variables to geistSans/geistMono - Apply both font variables to body - Redesign sticky header with glass-strong and CalendarDays icon - Wrap main content in max-w-4xl centered container - Add glass-strong className to Toaster - Default theme changed to dark --- src/app/layout.tsx | 50 +++++++++++++++++++++++++++++----------------- 1 file changed, 32 insertions(+), 18 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 5d3cd4f..80835d2 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,21 +1,21 @@ import type { Metadata } from "next"; -import { Geist, Magra } from "next/font/google"; +import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; +import { CalendarDays } from "lucide-react"; import Link from "next/link"; import { ThemeProvider } from "next-themes"; import { ModeToggle } from "@/components/mode-toggle"; import SignIn from "@/components/sign-in"; import { Toaster } from "@/components/ui/sonner"; -const geist = Geist({ +const geistSans = Geist({ subsets: ["latin", "cyrillic"], variable: "--font-geist-sans", }); -const magra = Magra({ +const geistMono = Geist_Mono({ subsets: ["latin"], - weight: "400", - variable: "--font-cascadia-code", + variable: "--font-geist-mono", }); export const metadata: Metadata = { @@ -32,27 +32,41 @@ export default function RootLayout({ return ( -
- -

- {(metadata.title as string) || "iCal PWA"} -

- -
- - +
+
+ + + {(metadata.title as string) || "iCal PWA"} + +
+ + +
-
{children}
- +
+
+ {children} +
+
+