fix: remove Tailwind font-sans class from body — was overriding Fira Sans in globals.css
This commit is contained in:
@@ -2,10 +2,9 @@ import type { Metadata } from 'next';
|
|||||||
import './globals.css';
|
import './globals.css';
|
||||||
import Providers from '@/components/providers';
|
import Providers from '@/components/providers';
|
||||||
|
|
||||||
// Fonts are loaded via Google Fonts CDN link in globals.css
|
// next/font/google downloads at build time — fails in Docker (no outbound internet).
|
||||||
// to avoid build-time network dependency in Docker builds
|
// Fonts are loaded via CSS @import in globals.css (runtime CDN load).
|
||||||
const firaSans = { variable: '--font-fira-sans', className: 'font-sans' };
|
// CSS vars are set directly in globals.css :root — no JS injection needed.
|
||||||
const firaCode = { variable: '--font-fira-code', className: 'font-mono' };
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: 'FiberOps Admin',
|
title: 'FiberOps Admin',
|
||||||
@@ -15,7 +14,7 @@ export const metadata: Metadata = {
|
|||||||
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
||||||
return (
|
return (
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<body className={`${firaSans.variable} ${firaCode.variable} ${firaSans.className}`}>
|
<body>
|
||||||
<Providers>{children}</Providers>
|
<Providers>{children}</Providers>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user