Fix: blueprint game + styles carrousel Play

- playLink renommé et translate: false sur playLink + backgroundColor
- button { border: none } dans buttons.css
- Largeur vignettes via :global(img) sur l'élément image
  (découple la taille du bouton de celle de l'image)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-03-10 09:01:58 +01:00
parent 66767f0136
commit 90f155b679
3 changed files with 18 additions and 6 deletions

View file

@ -354,7 +354,6 @@
display: flex;
flex-direction: column;
align-items: center;
width: clamp(140px, 15.09vw, 291px);
gap: 0.5rem;
background: none;
cursor: pointer;
@ -362,15 +361,22 @@
transition: all 0.4s var(--ease-standard);
}
.play-carousel-item.active button {
opacity: 1;
.play-carousel-item :global(img) {
width: clamp(140px, 15.09vw, 291px);
}
.play-carousel-item.active :global(img) {
width: clamp(170px, 18.41vw, 355px);
}
.play-carousel-item button img,
.play-carousel-item.active button {
opacity: 1;
}
.play-carousel-item button :global(img),
.play-carousel-item button :global(picture img) {
object-fit: cover;
transition: border-color 0.4s var(--ease-standard);
transition: all 0.4s var(--ease-standard);
}
.play-carousel-title {