style: increase modal height on mobile

This commit is contained in:
EETagent 2022-11-29 11:48:50 +01:00
parent dc3a36a4ad
commit 76b12e56bf
2 changed files with 2 additions and 2 deletions

View file

@ -47,7 +47,7 @@
.view { .view {
@apply z-10 overflow-scroll; @apply z-10 overflow-scroll;
@apply rounded-3xl md:rounded-none; @apply rounded-3xl md:rounded-none;
@apply absolute w-[90vw] h-[85vh] top-0 md:top-auto right-0 bottom-0 md:bottom-auto left-0 md:left-auto m-auto md:m-0; @apply absolute w-[90vw] h-[90vh] top-0 md:top-auto right-0 bottom-0 md:bottom-auto left-0 md:left-auto m-auto md:m-0;
@apply md:w-[50vw] md:h-screen; @apply md:w-[50vw] md:h-screen;
@apply md:my-auto; @apply md:my-auto;
@apply bg-white; @apply bg-white;

View file

@ -86,7 +86,7 @@
.modal { .modal {
@apply flex flex-col items-center justify-center; @apply flex flex-col items-center justify-center;
@apply mx-auto my-auto; @apply mx-auto my-auto;
@apply w-[90vw] h-[85vh] md:w-4/5 md:h-4/5; @apply w-[90vw] h-[90vh] md:w-4/5 md:h-4/5;
@apply rounded-3xl; @apply rounded-3xl;
@apply bg-white; @apply bg-white;
} }