Refactor layout components to use Tailwind CSS for font styling and update font family configuration

This commit is contained in:
Stephanos A
2026-06-02 23:19:44 +03:00
parent 4a71708d96
commit f29e8d95fd
4 changed files with 28 additions and 9 deletions

View File

@@ -1,10 +1,7 @@
import type { Metadata } from 'next';
import { Inter } from 'next/font/google';
import '@/styles/globals.css';
import Providers from './providers';
const inter = Inter({ subsets: ['latin'] });
export const metadata: Metadata = {
title: 'EDR Passenger Back-office',
description: 'Ethio-Djibouti Railway Passenger Back-office',
@@ -32,7 +29,7 @@ export default function RootLayout({
}}
/>
</head>
<body className={inter.className}>
<body className="font-sans antialiased">
<Providers>{children}</Providers>
</body>
</html>

View File

@@ -8,6 +8,20 @@ module.exports = {
darkMode: 'class',
theme: {
extend: {
fontFamily: {
sans: [
'-apple-system',
'BlinkMacSystemFont',
'"Segoe UI"',
'Roboto',
'"Helvetica Neue"',
'Arial',
'sans-serif',
'"Apple Color Emoji"',
'"Segoe UI Emoji"',
'"Segoe UI Symbol"',
],
},
colors: {
background: 'hsl(var(--background))',
foreground: 'hsl(var(--foreground))',