diff --git a/apps/edr-passenger-web/backoffice/src/app/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/layout.tsx index 41dfc3305..23838f62c 100644 --- a/apps/edr-passenger-web/backoffice/src/app/layout.tsx +++ b/apps/edr-passenger-web/backoffice/src/app/layout.tsx @@ -1,14 +1,7 @@ import type { Metadata } from 'next'; -import { Inter } from 'next/font/google'; import '@/styles/globals.css'; import Providers from './providers'; -// Load Inter font with fallback - will not fail build if fonts.googleapis.com is unreachable -const inter = Inter({ - subsets: ['latin'], - fallback: ['system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'] -}); - export const metadata: Metadata = { title: 'EDR Passenger Back-office', description: 'Ethio-Djibouti Railway Passenger Back-office', @@ -36,7 +29,7 @@ export default function RootLayout({ }} /> - + {children} diff --git a/apps/edr-passenger-web/backoffice/tailwind.config.js b/apps/edr-passenger-web/backoffice/tailwind.config.js index ad1099019..07a6d8bac 100644 --- a/apps/edr-passenger-web/backoffice/tailwind.config.js +++ b/apps/edr-passenger-web/backoffice/tailwind.config.js @@ -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))', diff --git a/apps/edr-passenger-web/portal/src/app/layout.tsx b/apps/edr-passenger-web/portal/src/app/layout.tsx index 34c12a252..04def853f 100644 --- a/apps/edr-passenger-web/portal/src/app/layout.tsx +++ b/apps/edr-passenger-web/portal/src/app/layout.tsx @@ -1,15 +1,8 @@ import type { Metadata } from 'next'; -import { Inter } from 'next/font/google'; import './globals.css'; import { Providers } from './providers'; import AppHeader from '@/components/AppHeader'; -// Load Inter font with fallback - will not fail build if fonts.googleapis.com is unreachable -const inter = Inter({ - subsets: ['latin'], - fallback: ['system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'] -}); - export const metadata: Metadata = { title: 'EDR Passenger Portal - Book Your Train Journey', description: 'Book train tickets on the Ethio-Djibouti Railway', @@ -22,7 +15,7 @@ export default function RootLayout({ }) { return ( - +