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

improved styling of the header component

Browse Source
This commit is contained in:
Mathéo GUILBERT
2026-04-15 10:10:15 +02:00
parent 3bcb45372f
commit 59973de815
2 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/Header.tsx
+4 -4
View File
@@ -1,16 +1,16 @@
export default function Header() { export default function Header() {
return ( return (
<header className="bg-brand-brown text-brand-beige w-full py-6 px-10 flex justify-between items-center"> <header className="bg-brand-brown text-brand-beige w-full py-6 px-10 flex justify-between items-center rounded-[10px]">
<div className="font-serif text-2xl font-bold">M. Guilbert</div> <div className="font-serif text-2xl font-light">M. Guilbert</div>
<nav> <nav>
<ul className="flex gap-8 font-sans uppercase text-sm tracking-widest"> <ul className="flex gap-8 font-sans text-base font-light">
<li>Accueil</li> <li>Accueil</li>
<li>Projets</li> <li>Projets</li>
<li>À propos</li> <li>À propos</li>
<li>Blog</li> <li>Blog</li>
</ul> </ul>
</nav> </nav>
<div>🇫🇷</div> <div className="font-sans text-base font-light">France</div>
</header> </header>
); );
} }