significant refactor
This commit is contained in:
@@ -7,15 +7,15 @@ const useAppShellHeight = () => {
|
||||
const { header } = useRouterConfig();
|
||||
|
||||
const height = useMemo(() => {
|
||||
const appShellBottomPadding = isMobile ? '70px' : '0px';
|
||||
const pageBottomPadding = '20px';
|
||||
const mobileNavbar = isMobile && !header.collapsed ? '4rem' : '0px';
|
||||
const pullablePadding = '1.285rem';
|
||||
|
||||
const appShellBottomPadding = isMobile ? "70px" : "0px";
|
||||
const pageBottomPadding = "20px";
|
||||
const mobileNavbar = isMobile && !header.collapsed ? "4rem" : "0px";
|
||||
const pullablePadding = "1.285rem";
|
||||
|
||||
return `calc(100dvh - var(--app-shell-header-height, 0px) - ${mobileNavbar} - ${pullablePadding} - ${appShellBottomPadding} - ${pageBottomPadding})`;
|
||||
}, [isMobile, header.collapsed]);
|
||||
|
||||
return height;
|
||||
}
|
||||
};
|
||||
|
||||
export default useAppShellHeight;
|
||||
|
||||
Reference in New Issue
Block a user