From a6b496aa683e0de75b184393d9cc82be27cad16a Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Mon, 8 Aug 2022 20:41:43 +0400
Subject: [PATCH] Fix responsiveness flicker on interactive vue roadmap

---
 pages/[roadmap]/interactive.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/pages/[roadmap]/interactive.tsx b/pages/[roadmap]/interactive.tsx
index 0b49b66f1..e3b62d36b 100644
--- a/pages/[roadmap]/interactive.tsx
+++ b/pages/[roadmap]/interactive.tsx
@@ -125,6 +125,10 @@ export function InteractiveRoadmapRenderer(props: RoadmapProps) {
     minHeight = ['870px', '1920px', '2505px', '2591px', '2591px', '2591px'];
   }
 
+  if (roadmap.id === 'vue') {
+    minHeight = ['600px', '820px', '1340px', '1680px', '1750px', '1750px'];
+  }
+
   return (
     <Container maxW={'container.lg'} position="relative" minHeight={minHeight}>
       {(isLoading || isRendering) && <RoadmapLoader />}