This repository has no description
0

Configure Feed

Select the types of activity you want to include in your feed.

fix: missing footer height on guest layout

+5
+5
src/webapp/components/navigation/guestAppLayout/GuestAppLayout.tsx
··· 5 5 import { usePathname } from 'next/navigation'; 6 6 import GuestNavbar from '../guestNavbar/GuestNavbar'; 7 7 import GuestBottomBar from '../guestBottomBar/GuestBottomBar'; 8 + import { useMediaQuery } from '@mantine/hooks'; 8 9 9 10 interface Props { 10 11 children: React.ReactNode; ··· 12 13 13 14 export default function GuestAppLayout(props: Props) { 14 15 const { mobileOpened, desktopOpened } = useNavbarContext(); 16 + const isMobile = useMediaQuery('(max-width: 48em)', true); // "sm" breakpoint 15 17 const pathname = usePathname(); 16 18 17 19 const ROUTES_WITH_ASIDE = ['/url']; ··· 32 34 width: asideWidth, 33 35 breakpoint: 'xl', 34 36 collapsed: { mobile: true }, 37 + }} 38 + footer={{ 39 + height: isMobile ? 80 : 0, 35 40 }} 36 41 > 37 42 <GuestNavbar />