Permet au children du Layout d'occuper la hauteur restante si nécessaire

incubateur-ademe · May 13, 2024 · 8d7325c · 8d7325c
1 parent bdd4eeb
commit 8d7325c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/app.territoiresentransitions.react/src/app/Layout/Layout.tsx b/app.territoiresentransitions.react/src/app/Layout/Layout.tsx
@@ -9,7 +9,10 @@ type Props = {
 const Layout = ({children}: Props) => {
   return (
     <div className="flex flex-col h-[100vh] overflow-hidden">
-      <div id="main" className="w-full overflow-x-hidden overflow-y-auto">
+      <div
+        id="main"
+        className="flex-grow flex flex-col w-full overflow-x-hidden overflow-y-auto"
+      >
         <Header />
         {children}
         <Footer />

diff --git a/app.territoiresentransitions.react/src/app/Layout/__snapshots__/Layout.stories.storyshot b/app.territoiresentransitions.react/src/app/Layout/__snapshots__/Layout.stories.storyshot
@@ -5,7 +5,7 @@ exports[`Storyshots app/Layout Exemple 1`] = `
   className="flex flex-col h-[100vh] overflow-hidden"
 >
   <div
-    className="w-full overflow-x-hidden overflow-y-auto"
+    className="flex-grow flex flex-col w-full overflow-x-hidden overflow-y-auto"
     id="main"
   >
     <header