CodeSandBox/judge4c_backup_new
2
0
Fork 0
mirror of https://gitlab.massbug.com/massbug/judge4c.git synced 2025-07-04 15:12:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: update layout to use Inter font and enhance Tailwind configuration for font family

Browse Source
This commit is contained in:
ngc2207 2025-01-29 13:19:47 +08:00
parent 25aec8223b
commit 29f1942367
2 changed files with 7 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/layout.tsx
View File

@ -1,17 +1,10 @@
import "@/app/globals.css"; import "@/app/globals.css";
import { cn } from "@/lib/utils";
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google"; import { Inter } from "next/font/google";
import { ThemeProvider } from "@/components/theme-provider"; import { ThemeProvider } from "@/components/theme-provider";
const geistSans = Geist({ const inter = Inter({ subsets: ["latin"] });
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Create Next App", title: "Create Next App",
@ -25,9 +18,7 @@ interface RootLayoutProps {
export default function RootLayout({ children }: Readonly<RootLayoutProps>) { export default function RootLayout({ children }: Readonly<RootLayoutProps>) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<body <body className={cn(inter.className, "antialiased min-h-screen")}>
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
<ThemeProvider <ThemeProvider
attribute="class" attribute="class"
defaultTheme="system" defaultTheme="system"

3
tailwind.config.ts
View File

@ -9,6 +9,9 @@ export default {
], ],
theme: { theme: {
extend: { extend: {
fontFamily: {
sans: ["var(--font-sans)"],
},
colors: { colors: {
background: "hsl(var(--background))", background: "hsl(var(--background))",
foreground: "hsl(var(--foreground))", foreground: "hsl(var(--foreground))",