From 1782e689846f80329089cff95c8ddda763ce3b50 Mon Sep 17 00:00:00 2001
From: axel <contact@axel.moe>
Date: Mon, 21 Apr 2025 00:31:07 +0200
Subject: [PATCH] fix: mobile layout white spaces / underlying body showing

---
 src/app.css                    | 7 ++++---
 src/routes/dash/+layout.svelte | 2 +-
 src/routes/login/+page.svelte  | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/app.css b/src/app.css
index e4312f4..7b2ff7d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -3,8 +3,9 @@
 
 * {
   font-family: 'Inter', sans-serif;
-}
-
-* {
   scrollbar-color: var(--color-neutral-600) transparent;
 }
+
+body {
+  background-color: var(--color-neutral-800);
+}
diff --git a/src/routes/dash/+layout.svelte b/src/routes/dash/+layout.svelte
index fbfb9ce..ade6f99 100644
--- a/src/routes/dash/+layout.svelte
+++ b/src/routes/dash/+layout.svelte
@@ -99,6 +99,6 @@
   </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()}
 </div>
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index c3dd941..26938ac 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -28,7 +28,7 @@
   <title>{env.PUBLIC_SITE_NAME} - Sign In</title>
 </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
     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"