diff --git a/site/blueprints/pages/game.yml b/site/blueprints/pages/game.yml index cf3b2e9..824cd3a 100644 --- a/site/blueprints/pages/game.yml +++ b/site/blueprints/pages/game.yml @@ -55,9 +55,10 @@ columns: - strike - clear - link - playLinks: + playLink: label: Lien(s) pour jouer help: Laissez vide pour afficher "à venir / coming soon" + translate: false type: url - width: 3/10 @@ -71,6 +72,7 @@ columns: language: css size: custom-size default: radial-gradient(circle at 20% 80%, rgb(240, 154, 110) 0%, rgb(233, 101, 122) 100%) + translate: false help: À remplir avec la valeur de la propriété CSS `background-color` souhaitée preview: label: Aperçu diff --git a/src/styles/buttons.css b/src/styles/buttons.css index 2b48c15..5ab2b9b 100644 --- a/src/styles/buttons.css +++ b/src/styles/buttons.css @@ -1,3 +1,7 @@ +button { + border: none; +} + /* Button */ .button { width: 14vmax; diff --git a/src/views/Play.svelte b/src/views/Play.svelte index 6f3ea1a..8ed281c 100644 --- a/src/views/Play.svelte +++ b/src/views/Play.svelte @@ -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 {