margin between cross and pallet changes

Rupalpy · Jun 8, 2024 · 683cb6f · 683cb6f
1 parent 854edd9
commit 683cb6f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/BgColorSidePanel.jsx b/src/components/BgColorSidePanel.jsx
@@ -4,7 +4,8 @@ import { rainbowColors } from "../utils/helpers";
 
 const BgColorSidePanel = ({ canvasRef, setBgColor }) => {
   return (
-    <div className="color-pallet gsm:w-[60%] w-[85%] h-[20px] p-7 grid grid-cols-1 vsm:grid-cols-4 vsm:gap-4 vsm: mb-[100px] vvsm:grid-cols-4 gsm:grid-cols-7 gap-2  gsm:gap-2 gsm:pb-[5rem] gsm:pt-[4rem] gsm:mb-8 mx-auto">
+    // The margin with the color pallet and cross is changes to prevent accidental clicks via  vsm:mb-40
+    <div className="color-pallet gsm:w-[60%] w-[85%] h-[20px] p-7 grid grid-cols-1 vsm:grid-cols-4 vsm:gap-4 vsm: mb-[100px] vvsm:grid-cols-4 gsm:grid-cols-7 gap-2 vsm:mb-40 gsm:gap-2 gsm:pb-[5rem] gsm:pt-[4rem] gsm:mb-8 mx-auto">
       <input
         type="color"
         name="color"