kyle/flxn-app
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix appshell height

Browse Source
This commit is contained in:
yohlo
2025-08-25 19:33:47 -05:00
parent a413d4421b
commit ce63c02d8e
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/hooks/use-appshell-height.ts
View File

@@ -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;
}