Files
burmddit/frontend/app/layout.tsx
Zeya Phyo 0045e3eab4 Fix critical Burmese typography and layout issues
- Update .font-burmese line-height to 1.85 (critical fix for text overlap)
- Set article content line-height to 2.0 for better readability
- Add Padauk font as fallback for better Myanmar script support
- Update all heading line-heights to 1.75 for proper spacing
- Reduce hero section height (600px → 350px mobile, 450px desktop)
- Improve font-size consistency (1.125rem for body text)

Addresses typography crisis identified in site review.
2026-02-21 08:38:04 +00:00

38 lines
1.3 KiB
TypeScript

import type { Metadata } from 'next'
import { Inter } from 'next/font/google'
import './globals.css'
import Header from '@/components/Header'
import Footer from '@/components/Footer'
const inter = Inter({ subsets: ['latin'] })
export const metadata: Metadata = {
title: 'Burmddit - Myanmar AI News & Tutorials',
description: 'Daily AI news, tutorials, and tips in Burmese. Stay updated with the latest in artificial intelligence.',
keywords: 'AI, Myanmar, Burmese, AI news, AI tutorials, machine learning, ChatGPT',
}
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="my" className="font-burmese">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Myanmar:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Padauk:wght@400;700&display=swap" rel="stylesheet" />
</head>
<body className={`${inter.className} bg-gray-50`}>
<Header />
<main className="min-h-screen">
{children}
</main>
<Footer />
</body>
</html>
)
}