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

Déplacer le bouton Dossier Artistique sous l'affiche, centré

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

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

@ -68,7 +68,7 @@ const youtubeId = spectacle.teaser ? extractYouTubeId(spectacle.teaser) : null;
<!-- Hero --> <!-- Hero -->
<div class="flex flex-col md:flex-row gap-10 md:gap-16 items-center mb-16 md:mb-24"> <div class="flex flex-col md:flex-row gap-10 md:gap-16 items-center mb-16 md:mb-24">
<div class="fade-scale w-full md:w-2/5"> <div class="fade-scale w-full md:w-2/5 flex flex-col items-center">
<div class="relative overflow-hidden rounded-2xl md:rounded-3xl shadow-2xl shadow-night/10 border-4 border-white"> <div class="relative overflow-hidden rounded-2xl md:rounded-3xl shadow-2xl shadow-night/10 border-4 border-white">
<img <img
src={spectacle.affiche} src={spectacle.affiche}
@ -77,6 +77,17 @@ const youtubeId = spectacle.teaser ? extractYouTubeId(spectacle.teaser) : null;
referrerpolicy="no-referrer" referrerpolicy="no-referrer"
/> />
</div> </div>
{spectacle.dossierPro && spectacle.dossierPro !== '#' && (
<a
href={spectacle.dossierPro}
target="_blank"
rel="noreferrer"
class="inline-flex items-center gap-3 bg-night text-cloud px-8 py-4 rounded-full font-sans font-bold tracking-wide hover:bg-night/90 transition-all hover:scale-105 shadow-lg shadow-night/20 mt-4 mx-auto"
>
<Icon name="lucide:download" size={18} />
Dossier Artistique
</a>
)}
</div> </div>
<div class="fade-up w-full md:w-3/5 space-y-6 text-center md:text-left" style="transition-delay: 0.2s"> <div class="fade-up w-full md:w-3/5 space-y-6 text-center md:text-left" style="transition-delay: 0.2s">
@ -109,17 +120,6 @@ const youtubeId = spectacle.teaser ? extractYouTubeId(spectacle.teaser) : null;
<p class="font-sans text-sm text-night/50 font-bold uppercase tracking-widest">{spectacle.credits}</p> <p class="font-sans text-sm text-night/50 font-bold uppercase tracking-widest">{spectacle.credits}</p>
)} )}
{spectacle.dossierPro && spectacle.dossierPro !== '#' && (
<a
href={spectacle.dossierPro}
target="_blank"
rel="noreferrer"
class="inline-flex items-center gap-3 bg-night text-cloud px-8 py-4 rounded-full font-sans font-bold tracking-wide hover:bg-night/90 transition-all hover:scale-105 shadow-lg shadow-night/20"
>
<Icon name="lucide:download" size={18} />
Dossier Pédagogique
</a>
)}
</div> </div>
</div> </div>