fix: mobile layout white spaces / underlying body showing
This commit is contained in:
parent
de1184b742
commit
1782e68984
@ -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);
|
||||||
|
}
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user