fix: fixed chart width on mobile

fluid-design-io · Oct 21, 2023 · 45731be · 45731be
1 parent 9d70786
commit 45731be
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/apps/web/app/visualizer/chart/page.tsx b/apps/web/app/visualizer/chart/page.tsx
@@ -198,23 +198,23 @@ export default function VisChart() {
         <div
           className={cn(
             cardStyle,
-            "mr-4 w-11/12 snap-start scroll-ml-4 sm:scroll-ml-8 md:mr-8",
+            "mr-4 w-11/12 min-w-[77vw] snap-start scroll-ml-4 sm:min-w-[320px] sm:scroll-ml-8 md:mr-8",
           )}
         >
           <BreakDown title="USA" unit="kg" factor={10} seed={0} />
         </div>
         <div
           className={cn(
             cardStyle,
-            "mr-4 w-11/12 snap-start scroll-ml-4 sm:scroll-ml-8 md:mr-8",
+            "mr-4 w-11/12 min-w-[77vw] snap-start scroll-ml-4 sm:min-w-[320px] sm:scroll-ml-8 md:mr-8",
           )}
         >
           <BreakDown title="China" unit="kg" factor={5} seed={1} />
         </div>
         <div
           className={cn(
             cardStyle,
-            "w-11/12 snap-start scroll-ml-4 sm:scroll-ml-8",
+            "w-11/12 min-w-[77vw] snap-start scroll-ml-4 sm:min-w-[320px] sm:scroll-ml-8",
           )}
         >
           <BreakDown title="India" unit="kg" factor={2} seed={2} />