fixed the scroll behavior in the header

2026-04-15 12:21:31 +02:00
parent e77fb4a1f2
commit bc83366c9e
5 changed files with 111 additions and 17 deletions
@@ -1,16 +1,19 @@
 export default function Header() {
  return (
-    <header className="bg-brand-brown text-brand-beige py-6 px-10 flex justify-between items-center rounded-[10px] fixed left-2.75 right-2.75 z-50">
-        <div className="font-serif text-2xl font-light">M. Guilbert</div>
-        <nav>
-            <ul className="flex gap-8 font-sans text-base font-light">
-                <li>Accueil</li>
-                <li>Projets</li>
-                <li>À propos</li>
-                <li>Blog</li>
-            </ul>
-        </nav>
-        <div className="font-sans text-base font-light">France</div>
-    </header>
+	<div className="bg-brand-beige min-h-fit fixed left-2.75 right-2.75 z-50 rounded-b-[20px]">
+		<header className="bg-brand-brown text-brand-beige py-6 px-10 flex justify-between items-center rounded-[10px]">
+			<div className="font-serif text-2xl font-light">M. Guilbert</div>
+			<nav>
+				<ul className="flex gap-8 font-sans text-base font-light">
+					<li>Accueil</li>
+					<li>Projets</li>
+					<li>À propos</li>
+					<li>Blog</li>
+				</ul>
+			</nav>
+			<div className="font-sans text-base font-light">France</div>
+		</header>
+	</div>
+    
  );
 }