From 79d569d053036f2113519f41b0d257523d035b76 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Fri, 6 Oct 2023 11:42:38 +0630
Subject: [PATCH] fix(layout): use 100svh for min-height on body instead of
 100vh

Address a mobile layout issue where using 100vh caused unexpected behavior. Switching to 100svh
resolves this problem by accounting for the mobile browser's UI components. This change ensures a
consistent and improved user experience on smaller screens.

resolves #127
---
 src/styles/base.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/base.css b/src/styles/base.css
index 6db3a7e..9cd73b9 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -29,7 +29,7 @@
     display: block;
   }
   body {
-    @apply flex min-h-screen flex-col bg-skin-fill font-mono text-skin-base 
+    @apply flex min-h-[100svh] flex-col bg-skin-fill font-mono text-skin-base 
     selection:bg-skin-accent selection:bg-opacity-70 selection:text-skin-inverted;
   }
   section,