Tria/edr-platform
1
0
Fork 0
mirror of https://github.com/Tria-plc/edr-platform.git synced 2026-08-26 18:42:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/edr-passenger-web/backoffice/src/app/layout.tsx
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>

14
apps/edr-passenger-web/backoffice/tailwind.config.js
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))',

5
apps/edr-passenger-web/portal/src/app/layout.tsx
View File

@@ -1,11 +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';
const inter = Inter({ subsets: ['latin'] });
export const metadata: Metadata = {
title: 'EDR Passenger Portal - Book Your Train Journey',
description: 'Book train tickets on the Ethio-Djibouti Railway',
@@ -18,7 +15,7 @@ export default function RootLayout({
}) {
return (
<html lang="en" suppressHydrationWarning>
<body className={inter.className}>
<body className="font-sans antialiased">
<script
dangerouslySetInnerHTML={{
__html: `

13
apps/edr-passenger-web/portal/tailwind.config.js
View File

@@ -24,7 +24,18 @@ export default {
},
},
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
sans: [
'-apple-system',
'BlinkMacSystemFont',
'"Segoe UI"',
'Roboto',
'"Helvetica Neue"',
'Arial',
'sans-serif',
'"Apple Color Emoji"',
'"Segoe UI Emoji"',
'"Segoe UI Symbol"',
],
},
boxShadow: {
'soft': '0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04)',