jalil/aspireves.org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Améliorer le contraste des badges âge et durée sur la page spectacle

Browse source
This commit is contained in:
Jalil Arfaoui 2026-03-12 16:20:01 +01:00
parent ee9b38a643
commit b0f4933c0e
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/pages/spectacles/[id].astro
View file

@ -100,13 +100,13 @@ const youtubeId = spectacle.teaser ? extractYouTubeId(spectacle.teaser) : null;
<h1 class="font-display text-4xl sm:text-6xl md:text-7xl text-night">{spectacle.title}</h1>
<div class="flex flex-wrap justify-center md:justify-start gap-3">
<div class="flex items-center gap-2 bg-dream-blue/20 px-5 py-2 rounded-2xl text-sm font-sans font-bold">
<div class="flex items-center gap-2 bg-dream-blue/40 px-5 py-2 rounded-2xl text-sm font-sans font-bold">
<Icon name="lucide:users" size={16} class="text-dream-blue" />
<span>{spectacle.age}</span>
</div>
{spectacle.duration && (
<div class="flex items-center gap-2 bg-dream-pink/20 px-5 py-2 rounded-2xl text-sm font-sans font-bold">
<Icon name="lucide:clock" size={16} class="text-dream-pink" />
<div class="flex items-center gap-2 bg-dream-purple/30 px-5 py-2 rounded-2xl text-sm font-sans font-bold">
<Icon name="lucide:clock" size={16} class="text-dream-purple" />
<span>{spectacle.duration}</span>
</div>
)}