diff --git a/src/assets/css/components/modals/Modal.scss b/src/assets/css/components/modals/Modal.scss index 984d629..8d17f71 100644 --- a/src/assets/css/components/modals/Modal.scss +++ b/src/assets/css/components/modals/Modal.scss @@ -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,