trentuna/candle-annotator
8
0
Fork 0
Code Issues Pull requests Releases Packages Activity Actions

code-review-fix task 12.5: replace Google Font CSS @import with next/font/google in layout.tsx

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marko Djordjevic 2026-02-18 20:38:20 +01:00
parent f9ff0d266e
commit b7567b235d
2 changed files with 18 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/app/globals.css
View file

@ -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;
}
}

17
src/app/layout.tsx
View file

@ -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 (
<html lang="en" suppressHydrationWarning>
<html lang="en" suppressHydrationWarning className={`${inter.variable} ${jetbrainsMono.variable}`}>
<body className="antialiased">
<ThemeProvider
attribute="class"