From b7567b235d708912406c7664cb3b72bdc53f019e Mon Sep 17 00:00:00 2001 From: Marko Djordjevic Date: Wed, 18 Feb 2026 20:38:20 +0100 Subject: [PATCH] code-review-fix task 12.5: replace Google Font CSS @import with next/font/google in layout.tsx Co-Authored-By: Claude Sonnet 4.6 --- src/app/globals.css | 6 ++---- src/app/layout.tsx | 17 ++++++++++++++++- 2 files changed, 18 insertions(+), 5 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 43148bb..97f250a 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,5 +1,3 @@ -@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap'); - @tailwind base; @tailwind components; @tailwind utilities; @@ -107,10 +105,10 @@ } body { @apply bg-background text-foreground antialiased; - font-family: 'Inter', system-ui, -apple-system, sans-serif; + font-family: var(--font-inter), system-ui, -apple-system, sans-serif; } code, .font-mono { - font-family: 'JetBrains Mono', ui-monospace, monospace; + font-family: var(--font-jetbrains-mono), ui-monospace, monospace; } } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 181eb4b..307b1eb 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,8 +1,23 @@ import type { Metadata } from "next"; +import { Inter, JetBrains_Mono } from "next/font/google"; import "./globals.css"; import { ThemeProvider } from "@/components/ThemeProvider"; import { ErrorBoundary } from "@/components/ErrorBoundary"; +const inter = Inter({ + subsets: ["latin"], + weight: ["400", "500", "600", "700"], + variable: "--font-inter", + display: "swap", +}); + +const jetbrainsMono = JetBrains_Mono({ + subsets: ["latin"], + weight: ["400", "500", "600", "700"], + variable: "--font-jetbrains-mono", + display: "swap", +}); + export const metadata: Metadata = { title: "Candle Annotator", description: "Annotate candlestick charts for ML training", @@ -14,7 +29,7 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - +