Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

handling unclosable

Browse Source
This commit is contained in:
Antoine M 2024-05-16 17:03:28 +02:00
parent 2424979082
commit 3145bb9a06
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/css/components/modals/Modal.scss
View File

@ -36,11 +36,16 @@ dialog {
.game-modal { .game-modal {
&__close-button { &__close-button {
@apply absolute top-3 right-3 bg-construction p-3 border-none; @apply absolute top-10 right-8 bg-construction p-3 border-none;
img { img {
@apply w-6 h-6; @apply w-6 h-6;
} }
} }
&[unclosable="true"] {
.game-modal__close-button {
display: none;
}
}
overflow: auto; overflow: auto;
} }
@ -60,7 +65,7 @@ dialog {
margin: 10px auto 0px auto; margin: 10px auto 0px auto;
&--grided { &--grided {
@apply grid md:grid-cols-2; @apply grid lg:grid-cols-2 gap-y-6;
} }
&--centered { &--centered {
.modal-content-container__content { .modal-content-container__content {
@ -79,7 +84,7 @@ dialog {
background-repeat: no-repeat; background-repeat: no-repeat;
h2 { h2 {
@apply text-5xl py-8; @apply text-5xl py-3 md:py-8;
} }
p { p {
@apply leading-6; @apply leading-6;
@ -108,7 +113,7 @@ dialog {
box-sizing: border-box; box-sizing: border-box;
order: -1; order: -1;
@screen md { @screen lg {
order: unset; order: unset;
} }
img, img,