fix: mobile layout white spaces / underlying body showing

This commit is contained in:
axel 2025-04-21 00:31:07 +02:00
parent de1184b742
commit 1782e68984
3 changed files with 6 additions and 5 deletions

View File

@ -3,8 +3,9 @@
* { * {
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
}
* {
scrollbar-color: var(--color-neutral-600) transparent; scrollbar-color: var(--color-neutral-600) transparent;
} }
body {
background-color: var(--color-neutral-800);
}

View File

@ -99,6 +99,6 @@
</div> </div>
</div> </div>
<div class="w-full h-svh bg-neutral-900 overflow-y-auto sm:pt-20 pt-28"> <div class="w-full h-dvh bg-neutral-900 overflow-y-auto sm:pt-20 pt-28">
{@render children()} {@render children()}
</div> </div>

View File

@ -28,7 +28,7 @@
<title>{env.PUBLIC_SITE_NAME} - Sign In</title> <title>{env.PUBLIC_SITE_NAME} - Sign In</title>
</svelte:head> </svelte:head>
<div class="flex items-center justify-center w-svw h-svh bg-neutral-900"> <div class="flex items-center justify-center w-svw h-dvh bg-neutral-900">
<div <div
class="flex flex-col m-4 w-full max-w-120 bg-neutral-950 p-8 sm:p-12 sm:px class="flex flex-col m-4 w-full max-w-120 bg-neutral-950 p-8 sm:p-12 sm:px
rounded-2xl border border-neutral-700 shadow-xl" rounded-2xl border border-neutral-700 shadow-xl"