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