🩹(frontend) fix PageLayout

The page layout was rendered behind the header,
which caused the top of the mention legales pages
to be hidden.
This commit fixes this issue.
This commit is contained in:
Anthony LC
2025-02-03 13:56:29 +01:00
committed by Anthony LC
parent 20e4a4e42a
commit 66fbf27913
2 changed files with 8 additions and 2 deletions

View File

@@ -1 +1,2 @@
export * from './components/';
export * from './conf';

View File

@@ -2,13 +2,18 @@ import { PropsWithChildren } from 'react';
import { Box } from '@/components';
import { Footer } from '@/features/footer';
import { Header } from '@/features/header';
import { HEADER_HEIGHT, Header } from '@/features/header';
import { LeftPanel } from '@/features/left-panel';
import { useResponsiveStore } from '@/stores';
export function PageLayout({ children }: PropsWithChildren) {
const { isDesktop } = useResponsiveStore();
return (
<Box $minHeight="100vh">
<Box $minHeight="100vh" $margin={{ top: `${HEADER_HEIGHT}px` }}>
<Header />
<Box as="main" $width="100%" $css="flex-grow:1;">
{!isDesktop && <LeftPanel />}
{children}
</Box>
<Footer />