FIX: add layer modal position for mobile

rajtoshranjan · May 1, 2024 · 1e41d17 · 1e41d17
1 parent c657431
commit 1e41d17
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/layer-panel/add-layer.tsx b/src/layer-panel/add-layer.tsx
@@ -22,7 +22,12 @@ export const AddLayer: React.FC<HTMLProps<HTMLElement>> = ({ className }) => {
         Add Layer
       </Button>
 
-      <Modal title="Add Raster Layer" show={show} onClose={toggle}>
+      <Modal
+        title="Add Raster Layer"
+        show={show}
+        onClose={toggle}
+        position={window.innerWidth < 640 ? "top-center" : "top-right"}
+      >
         <form>
           {/* Tile Overlay */}
           <h6 className="text-sm text-gray-500">Tile Overlay</h6>