diff --git a/src/assets/css/components/modals/Modal.scss b/src/assets/css/components/modals/Modal.scss index 89d692c..984d629 100644 --- a/src/assets/css/components/modals/Modal.scss +++ b/src/assets/css/components/modals/Modal.scss @@ -27,6 +27,7 @@ dialog { } &:has(.modal-content-container__modal-cover) { + box-sizing: border-box; .game-modal__close-button { @apply top-8; } @@ -88,7 +89,7 @@ dialog { } &:has(.modal-content-container__modal-cover) { - @apply mt-12 pt-28; + @apply mt-28 md:mt-12 mb-12 pt-28; } &:not(:has(h2)) { @@ -98,7 +99,7 @@ dialog { } &__modal-cover { - @apply absolute top-0 bg-white w-24 h-24 p-6 rounded-full; + @apply absolute top-12 md:top-0 bg-white w-24 h-24 p-6 rounded-full; // transform: translateY(-50%); } &__cover {