🩹(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:
@@ -1 +1,2 @@
|
||||
export * from './components/';
|
||||
export * from './conf';
|
||||
|
||||
@@ -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 />
|
||||
|
||||
Reference in New Issue
Block a user