studio-variable/world-game
3
1
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

play page : hide preview on tablet. closes #29
All checks were successful
Deploy / Deploy to Production (push) Successful in 27s
Details

Browse source
This commit is contained in:
isUnknown 2026-03-25 12:46:38 +01:00
parent 28bb757f5c
commit baab2fb3a1
1 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/views/Play.svelte
View file

@ -366,18 +366,18 @@
/* --- Section principale --- */ /* --- Section principale --- */
.play-featured { .play-featured {
grid-area: 2/4 / span 12 / span 10; grid-area: 1/4 / span 12 / span 10;
z-index: var(--z-content); z-index: var(--z-content);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
gap: 1.5rem;
} }
.play-lettering { .play-lettering {
width: clamp(180px, 18.77vw, 362px); width: clamp(180px, 18.77vw, 362px);
object-fit: contain; object-fit: contain;
object-position: left center; object-position: left center;
margin-bottom: 1rem;
} }
.play-description { .play-description {
@ -417,7 +417,9 @@
/* --- Carrousel --- */ /* --- Carrousel --- */
.play-carousel { .play-carousel {
grid-area: 16/4 / span 3 / span 14; position: absolute;
left: 6vw;
bottom: 4rem;
z-index: var(--z-content); z-index: var(--z-content);
} }
@ -436,7 +438,6 @@
gap: 0.5rem; gap: 0.5rem;
background: none; background: none;
cursor: pointer; cursor: pointer;
opacity: 0.5;
transition: all 0.4s var(--ease-standard); transition: all 0.4s var(--ease-standard);
} }
@ -448,10 +449,6 @@
width: clamp(170px, 18.41vw, 355px); width: clamp(170px, 18.41vw, 355px);
} }
.play-carousel-item.active button {
opacity: 1;
}
.play-carousel-item.active button :global(picture img) { .play-carousel-item.active button :global(picture img) {
object-fit: cover; object-fit: cover;
transition: all 0.4s var(--ease-standard); transition: all 0.4s var(--ease-standard);
@ -459,11 +456,14 @@
border-radius: 25%; border-radius: 25%;
} }
/* --- Mobile (≤ 700px) --- */ @media screen and (max-width: 1140px) {
@media (max-width: 700px) {
.game-preview { .game-preview {
display: none; display: none;
} }
}
/* --- Mobile (≤ 700px) --- */
@media (max-width: 700px) {
.play-featured { .play-featured {
grid-area: 6/4/span 12/span 18; grid-area: 6/4/span 12/span 18;