From fb97ea4a9d89017ec3083a1caec1986f7c799aba Mon Sep 17 00:00:00 2001
From: Florian Bouillon <f.bouillon@aptatio.com>
Date: Mon, 2 Oct 2023 12:31:38 +0200
Subject: [PATCH] fix: bugs

Signed-off-by: Florian Bouillon <f.bouillon@aptatio.com>
---
 src/components/global/Breadcrumb.astro | 18 +++---------------
 src/components/global/Header.astro     |  9 ++-------
 2 files changed, 5 insertions(+), 22 deletions(-)

diff --git a/src/components/global/Breadcrumb.astro b/src/components/global/Breadcrumb.astro
index 9fbec95..5753dc1 100644
--- a/src/components/global/Breadcrumb.astro
+++ b/src/components/global/Breadcrumb.astro
@@ -8,14 +8,14 @@ interface Props {
 ---
 
 <nav>
-	<ol vocab="https://schema.org/" typeof="BreadcrumbList">
+	<ol vocab="https://schema.org/" typeof="BreadcrumbList" class="inline-flex items-center flex-wrap px-0 mb-4">
 		{Astro.props.items.map((el, index) => (
-			<li property="itemListElement" typeof="ListItem">
+			<li property="itemListElement" typeof="ListItem" class="inline-block px-0">
 				{index > 0 && (
 					<span class="text-slate-900 dark:text-slate-100 mx-4">/</span>
 				)}
 				{el.href ? (
-					<a class="text-slate-900 dark:text-slate-100" href={el.href} property="item" typeof="WebPage">
+					<a class="text-slate-900 dark:text-slate-100 font-normal" href={el.href} property="item" typeof="WebPage">
 						<span property="name">{el.text}</span>
 					</a>
 				) : (
@@ -26,15 +26,3 @@ interface Props {
 		))}
 	</ol>
 </nav>
-
-<style>
-	ol {
-		@apply inline-flex items-center flex-wrap px-0 mb-4
-	}
-	li {
-		@apply inline-block px-0
-	}
-	a {
-		@apply font-normal
-	}
-</style>
diff --git a/src/components/global/Header.astro b/src/components/global/Header.astro
index 4f301ca..040fe45 100644
--- a/src/components/global/Header.astro
+++ b/src/components/global/Header.astro
@@ -4,15 +4,10 @@ import LogoDark from 'assets/logo.dark.svg'
 import { Image } from 'astro:assets'
 ---
 
-<header class="bg-white/1 flex justify-center sm:justify-normal">
+<header class="bg-white/1 z-10 justify-center sm:justify-normal transition-opacity
+				fixed w-full h-20 flex items-center border-b border-slate-900/10 backdrop-blur-md">
 	<a href="/">
 		<Image src={Logo} alt="Avior.me Logo" class="h-9 dark:hidden" />
 		<Image src={LogoDark} alt="Avior.me Logo" class="h-9 hidden dark:block" />
 	</a>
 </header>
-
-<style>
-	header {
-		@apply transition-opacity fixed w-full h-20 flex items-center border-b border-slate-900/10 backdrop-blur-md
-	}
-</style>