fix(color-modal): make dynamic all screen

stakwork · Oct 9, 2024 · 8f4b81b · 8f4b81b
1 parent 851bd3f
commit 8f4b81b
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/src/components/ModalsContainer/BlueprintModal/Body/Editor/ColorPickerPopover/index.tsx b/src/components/ModalsContainer/BlueprintModal/Body/Editor/ColorPickerPopover/index.tsx
@@ -1,6 +1,6 @@
-import { ColorPickerPopoverView } from './ColorPickerPopoverView'
 import styled from 'styled-components'
 import { colors } from '~/utils'
+import { ColorPickerPopoverView } from './ColorPickerPopoverView'
 
 type Props = {
   isOpen: boolean
@@ -33,4 +33,24 @@ const ModalContent = styled.div`
   z-index: 1001;
   border-radius: 8px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+
+  @media (max-width: 1550px) {
+    top: 44%;
+    left: 38%;
+  }
+
+  @media (max-width: 1024px) {
+    top: 58%;
+    left: 56%;
+  }
+
+  @media (max-width: 768px) {
+    top: 50%;
+    left: 64%;
+  }
+
+  @media (max-width: 480px) {
+    top: 37%;
+    left: 76%;
+  }
 `