Merge pull request #843 from AlejandroSuero/feature/fix-boxer-rival-b…

…ig-img-conflict fix(#842): boxer rivals' hover blink
midudev · May 14, 2024 · 6cd78e7 · 6cd78e7
2 parents 145ae89 + 81c3283
commit 6cd78e7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/BoxerBigImage.astro b/src/components/BoxerBigImage.astro
@@ -13,7 +13,7 @@ const { name, country, countryName, id, loading } = Astro.props
 ---
 
 <picture
-	class:list={"boxer-photo aspect-[285/428] h-auto w-full max-w-[460px]"}
+	class:list={"boxer-photo -z-20 aspect-[285/428] h-auto w-full max-w-[460px]"}
 	transition:name="boxer-big-image"
 >
 	<img

diff --git a/src/components/BoxerDetailInfoRival.astro b/src/components/BoxerDetailInfoRival.astro
@@ -32,7 +32,7 @@ const isVersus = value[0].versus.length === 2
 					<a
 						class:list={[
 							`${isVersus ? "mx-2  p-1" : ""}`,
-							`${isKingOfTheTrack ? "p-1" : "boxer-link text-xl font-bold text-accent"}`,
+							`${isKingOfTheTrack ? "p-1" : "boxer-link z-20 text-xl font-bold text-accent"}`,
 						]}
 						href={`/boxers/${item.id}`}
 						title={`Visita la página ${item.gender === "masculino" ? "del boxeador" : "de la boxeadora"} ${item.name}`}