enhancing responsiveness
This commit is contained in:
parent
0d17fa0a82
commit
869884aa55
|
|
@ -27,6 +27,7 @@ dialog {
|
||||||
}
|
}
|
||||||
|
|
||||||
&:has(.modal-content-container__modal-cover) {
|
&:has(.modal-content-container__modal-cover) {
|
||||||
|
box-sizing: border-box;
|
||||||
.game-modal__close-button {
|
.game-modal__close-button {
|
||||||
@apply top-8;
|
@apply top-8;
|
||||||
}
|
}
|
||||||
|
|
@ -88,7 +89,7 @@ dialog {
|
||||||
}
|
}
|
||||||
|
|
||||||
&:has(.modal-content-container__modal-cover) {
|
&:has(.modal-content-container__modal-cover) {
|
||||||
@apply mt-12 pt-28;
|
@apply mt-28 md:mt-12 mb-12 pt-28;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(:has(h2)) {
|
&:not(:has(h2)) {
|
||||||
|
|
@ -98,7 +99,7 @@ dialog {
|
||||||
}
|
}
|
||||||
|
|
||||||
&__modal-cover {
|
&__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%);
|
// transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
&__cover {
|
&__cover {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user