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:
parent
66767f0136
commit
90f155b679
3 changed files with 18 additions and 6 deletions
|
|
@ -1,3 +1,7 @@
|
|||
button {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.button {
|
||||
width: 14vmax;
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue