improve(ui): adapt the login modal to responsive layout

This commit is contained in:
charlie
2023-03-28 16:27:07 +08:00
committed by Tienson Qin
parent 1fe084af86
commit be2140608d
2 changed files with 8 additions and 8 deletions

View File

@@ -45,6 +45,12 @@
}
}
@media (min-width: 30rem) {
[data-amplify-authenticator] [data-amplify-container] {
width: 100%;
}
}
.ui__modal[label=user-login] {
@apply flex items-center top-0;
@@ -54,7 +60,7 @@
}
.panel-content {
@apply p-0 min-w-fit relative max-w-[600px] sm:max-w-[90vw] w-auto;
@apply p-0 min-w-fit relative max-w-[600px] sm:max-w-[90vw] sm:w-[500px];
}
.ui__modal-close-wrap {