From 7a60b291efc807863099b87fb7e38b2c850ce5a8 Mon Sep 17 00:00:00 2001
From: Dominic Arrojado <dominicarrojado@gmail.com>
Date: Sun, 24 Mar 2024 10:46:36 +0800
Subject: [PATCH] use dvh and add bottom padding for menu sheet

---
 components/menu-toggle.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/menu-toggle.tsx b/components/menu-toggle.tsx
index 54f10ed..07ce1c2 100644
--- a/components/menu-toggle.tsx
+++ b/components/menu-toggle.tsx
@@ -38,7 +38,7 @@ export default function MenuToggle() {
             Alerts
           </SheetTitle>
         </SheetHeader>
-        <ScrollArea className="my-4 h-[calc(100vh-6rem)] pl-7">
+        <ScrollArea className="my-4 h-[calc(100dvh-5rem)] pb-10 pl-7">
           <div className="flex flex-col space-y-3">
             {MAIN_MENU_ITEMS.map(({ title, href }) => (
               <Link key={href} href={href} onClick={closeSheet}>