fix(graph): page overflow with graph

dataforgoodfr · May 15, 2024 · 44f8754 · 44f8754
1 parent 6f5acfe
commit 44f8754
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
@@ -238,11 +238,13 @@ const TopCountriesSection = () => {
           Evolution de l'élevage du saumon par pays
         </h3>
 
-        <DashboardChart
-          data={mapData.data}
-          layout={mapData.layout}
-          id="evolution-map"
-        />
+        <div className="flex md:justify-center min-h-[450px] overflow-y-auto">
+          <DashboardChart
+            data={mapData.data}
+            layout={mapData.layout}
+            id="evolution-map"
+          />
+        </div>
       </div>
     </>
   );

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -217,7 +217,7 @@ const BusinessSection = () => {
           connaît depuis quelques décennies une hyper-croissance à l’échelle
           globale.
         </p>
-        <div className="flex justify-center">
+        <div className="flex md:justify-center min-h-[450px] overflow-y-auto bg-white">
           <Plot data={plot.data} layout={plot.layout} />
         </div>
       </div>

diff --git a/src/components/JoinBlock.tsx b/src/components/JoinBlock.tsx
@@ -67,7 +67,7 @@ const IntroBlock = ({
             saumon au monde, porte une responsabilité particulière dans
             l'orientation des pratiques.
           </p>
-          <div className="flex justify-center">
+          <div className="flex lg:justify-center min-h-[300px] overflow-y-auto bg-white">
             <Plot data={plot.data} layout={plot.layout} />
           </div>
         </div>