Antoine/Deligraph-V3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining styling

Browse Source
This commit is contained in:
Antoine M 2025-02-06 16:18:08 +01:00
parent 9401e3f110
commit 743abd902b
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
resources/css/blocks/gallery-website-screens.css
View File

@ -1,18 +1,37 @@
.gallery-website-screens { .gallery-website-screens {
@apply bg-neutral-100 p-10 w-screen; @apply bg-neutral-100 p-10 w-screen;
&--padding-simple {
@apply py-10;
}
&--padding-double {
@apply py-16;
}
margin: 0 calc(50% - 50vw); margin: 0 calc(50% - 50vw);
ul {
&__screens-grid {
@apply gap-4 px-0 md:px-4 lg:px-12 justify-center list-none mx-auto; @apply gap-4 px-0 md:px-4 lg:px-12 justify-center list-none mx-auto;
&.is-grid { &.is-grid {
@apply grid grid-cols-2 lg:grid-cols-3; @apply grid grid-cols-2 lg:grid-cols-3;
} }
&.is-flex { &.is-flex {
@apply flex flex-nowrap; @apply flex flex-nowrap;
img {
@apply max-h-96;
}
} }
&.is-mobile-capture { &.is-mobile-capture {
@apply gap-24; @apply md:gap-6 xl:gap-12;
img { img {
@apply rounded-3xl max-w-60; @apply rounded-xl xl:rounded-3xl max-w-60;
}
}
.gallery-website-screens__single-screen {
img {
width: 100%; /* Fixe la largeur max */
height: 100%; /* Fixe la hauteur max */
max-height: 800px; /* Ajuste selon ton besoin */
object-fit: cover; /* Évite les déformations */
} }
} }