From 66fbf279139fd4451c0c689f6425102d8c391ff1 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Mon, 3 Feb 2025 13:56:29 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9(frontend)=20fix=20PageLayout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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.
---
 src/frontend/apps/impress/src/features/header/index.ts | 1 +
 src/frontend/apps/impress/src/layouts/PageLayout.tsx   | 9 +++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/frontend/apps/impress/src/features/header/index.ts b/src/frontend/apps/impress/src/features/header/index.ts
index ef6330a0..ccc053ab 100644
--- a/src/frontend/apps/impress/src/features/header/index.ts
+++ b/src/frontend/apps/impress/src/features/header/index.ts
@@ -1 +1,2 @@
 export * from './components/';
+export * from './conf';
diff --git a/src/frontend/apps/impress/src/layouts/PageLayout.tsx b/src/frontend/apps/impress/src/layouts/PageLayout.tsx
index 8efaeccc..f52706af 100644
--- a/src/frontend/apps/impress/src/layouts/PageLayout.tsx
+++ b/src/frontend/apps/impress/src/layouts/PageLayout.tsx
@@ -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 />