From ce63c02d8e9c4c32e970dc9d388bafe1e2e72b3e Mon Sep 17 00:00:00 2001
From: yohlo <yohlerkyle@gmail.com>
Date: Mon, 25 Aug 2025 19:33:47 -0500
Subject: [PATCH] fix appshell height

---
 src/hooks/use-appshell-height.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/hooks/use-appshell-height.ts b/src/hooks/use-appshell-height.ts
index aa0bfaa..ed80146 100644
--- a/src/hooks/use-appshell-height.ts
+++ b/src/hooks/use-appshell-height.ts
@@ -5,9 +5,14 @@ const useAppShellHeight = () => {
   const isMobile = useIsMobile();
   const headerConfig = useHeaderConfig();
 
-  const height = useMemo(() => 
-    `calc(100dvh - var(--app-shell-header-height, 0px) - ${isMobile && !headerConfig.collapsed ? '4rem' : '0px'} - 1.285rem)`,
-  [isMobile, headerConfig.collapsed]);
+  const height = useMemo(() => {
+    const appShellBottomPadding = isMobile ? '70px' : '0px';
+    const pageBottomPadding = '20px';
+    const mobileNavbar = isMobile && !headerConfig.collapsed ? '4rem' : '0px';
+    const pullablePadding = '1.285rem';
+    
+    return `calc(100dvh - var(--app-shell-header-height, 0px) - ${mobileNavbar} - ${pullablePadding} - ${appShellBottomPadding} - ${pageBottomPadding})`;
+  }, [isMobile, headerConfig.collapsed]);
 
   return height;
 }