Merge pull request #967 from AlejandroSuero/feature/match-boxers-ui

fix(pronósticos): images in mobile with no `mask-image`
midudev · Jul 1, 2024 · df66bd1 · df66bd1
2 parents a411c04 + b7e80f7
commit df66bd1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/Pronosticos/Vote.astro b/src/components/Pronosticos/Vote.astro
@@ -169,6 +169,7 @@ votes.forEach((vote) => {
 							]}
 							src={`https://cdn.lavelada.dev/matches/title-${combat.id}.webp`}
 							alt={`Fotografía del combate entre ${boxerNames.join(", ")}`}
+							style="mask-image: linear-gradient(black 80%, transparent)"
 						/>
 						<button
 							class:list={[

diff --git a/src/sections/Combat.astro b/src/sections/Combat.astro
@@ -66,6 +66,7 @@ const boxerNames = combatData?.boxers ?? []
 						class="inset-0 h-auto max-h-96 w-full max-w-80 scale-100 object-contain sm:scale-110 lg:max-w-3xl"
 						src={`https://cdn.lavelada.dev/matches/title-${combatId}.webp`}
 						alt={`Fotografía del combate entre ${boxerNames.join(", ")}`}
+						style="mask-image: linear-gradient(black 80%, transparent)"
 					/>
 				) : (
 					<Typography