mguilbert/matheoguilbert.fr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header in progress

Browse Source
This commit is contained in:
Mathéo GUILBERT
2026-04-15 07:51:37 +02:00
parent 308099ca2a
commit c07931229d
2 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[locale]/layout.tsx
+6 -5
View File
@@ -1,6 +1,7 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Playfair_Display, Inter } from "next/font/google"; import { Playfair_Display, Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import Header from "@/components/layout/Header";
const playfairDisplay = Playfair_Display({ const playfairDisplay = Playfair_Display({
variable: "--font-playfair", variable: "--font-playfair",
@@ -23,11 +24,11 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html <html lang="fr" className={`${playfairDisplay.variable} ${inter.variable} bg-brand-beige m-[11px] antialiased`}>
lang="fr" <body className="min-h-screen flex flex-col bg-brand-beige text-brand-brown">
className={`${playfairDisplay.variable} ${inter.variable} h-full antialiased`} <Header />
> {children}
<body className="min-h-full flex flex-col">{children}</body> </body>
</html> </html>
); );
} }
components/layout/Header.tsx
+16
View File
@@ -0,0 +1,16 @@
export default function Header() {
return (
<header className="bg-brand-brown text-brand-beige w-full py-6 px-10 flex justify-between items-center">
<div className="font-serif text-2xl font-bold">M. Guilbert</div>
<nav>
<ul className="flex gap-8 font-sans uppercase text-sm tracking-widest">
<li>Accueil</li>
<li>Projets</li>
<li>À propos</li>
<li>Blog</li>
</ul>
</nav>
<div>🇫🇷</div>
</header>
);
}