diff --git a/backend/web/static/css/main.css b/backend/web/static/css/main.css index ab2a13510467a4e9fd8328c82c90ad2ea11e883a..5821f614e31f12dd454c3dbf55c262af33858611 100644 --- a/backend/web/static/css/main.css +++ b/backend/web/static/css/main.css @@ -852,14 +852,88 @@ video { margin-bottom: 0px; } - .md\:w-8\/12 { + .md\:min-h-full { + min-height: 100%; + } + + .md\:w-20 { + width: 5rem; + } + + .md\:w-1\/6 { + width: 16.666667%; + } + + .md\:w-2\/6 { + width: 33.333333%; + } + + .md\:w-1\/4 { + width: 25%; + } + + .md\:w-1\/2 { + width: 50%; + } + + .md\:w-1\/3 { + width: 33.333333%; + } + + .md\:w-80 { + width: 20rem; + } + + .md\:w-96 { + width: 24rem; + } + + .md\:w-2\/3 { width: 66.666667%; } + + .md\:max-w-md { + max-width: 28rem; + } + + .md\:max-w-sm { + max-width: 24rem; + } + + .md\:max-w-lg { + max-width: 32rem; + } + + .md\:flex-col { + flex-direction: column; + } + + .md\:justify-center { + justify-content: center; + } } @media (min-width: 1024px) { + .lg\:w-1\/4 { + width: 25%; + } + + .lg\:w-1\/3 { + width: 33.333333%; + } + .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } } + +@media (min-width: 1280px) { + .xl\:w-1\/3 { + width: 33.333333%; + } + + .xl\:max-w-md { + max-width: 28rem; + } +} diff --git a/backend/web/templates/base.html b/backend/web/templates/base.html index 1313210d47362e8db1cfe10f7537300cae9101bb..8cadf73805a5667e70d05b91a294ba8448974280 100644 --- a/backend/web/templates/base.html +++ b/backend/web/templates/base.html @@ -31,7 +31,7 @@ <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8"> - <div class="sm:mx-auto sm:w-full md:w-8/12 bg-white shadow rounded-lg space-y-8 mb-4 md:mb-0 p-8"> + <div class="mx-auto w-full h-full md:w-2/3 md:max-w-lg bg-white shadow rounded-lg space-y-8 mb-4 md:mb-0 p-8"> <div id="contentFlowExpired" class='alert alert-warning' style='display:none'>Your request has expired. Please resubmit your request.</div>