enhancing responsiveness
This commit is contained in:
parent
0d17fa0a82
commit
869884aa55
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user