Merge pull request #2106 from Shoaibdev7/blueprint-modal-responsive

Fixed(BluePrint): Resolve Scrolling Issues for New Node Type Creation
stakwork · Sep 12, 2024 · 8397305 · 8397305
2 parents 02f162e + 93fc871
commit 8397305
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/components/ModalsContainer/BlueprintModal/Body/index.tsx b/src/components/ModalsContainer/BlueprintModal/Body/index.tsx
@@ -260,6 +260,18 @@ const InnerEditorWrapper = styled.div`
   overflow-y: auto;
   padding: 16px;
   max-height: calc(90vh - 20px);
+
+  @media (max-width: 1440px) {
+    max-height: calc(85vh - 20px);
+  }
+
+  @media (max-width: 1024px) {
+    max-height: calc(65vh - 20px);
+  }
+
+  @media (max-width: 924px) {
+    max-height: calc(65vh - 20px);
+  }
 `
 
 const Container = styled(Flex)`