diff --git a/src/components/canvas/Canvas.tsx b/src/components/canvas/Canvas.tsx index ab01da9..c474660 100644 --- a/src/components/canvas/Canvas.tsx +++ b/src/components/canvas/Canvas.tsx @@ -84,7 +84,7 @@ function Canvas() { zoom: holdingAlt ? "zoom-out" : "zoom-in", }; - setCssCursor(cursorMapping[tool] || "pointer"); + setCssCursor(cursorMapping[tool] || "crosshair"); }, [dragging, holdingAlt, tool, setCssCursor]); const onToolUse = useCallback(() => { diff --git a/src/context/Tool.tsx b/src/context/Tool.tsx index 3dba991..3fd4463 100644 --- a/src/context/Tool.tsx +++ b/src/context/Tool.tsx @@ -21,7 +21,7 @@ export const ToolProvider = ({ children }: Props) => { const [tool, setTool] = useState("hand"); const [radius, setRadius] = useState(1); const [selectedBlock, setSelectedBlock] = useState("stone"); - const [cssCursor, setCssCursor] = useState("pointer"); + const [cssCursor, setCssCursor] = useState("crosshair"); useEffect(() => { switch (tool) { @@ -33,7 +33,7 @@ export const ToolProvider = ({ children }: Props) => { break; default: - setCssCursor("pointer"); + setCssCursor("crosshair"); break; } }, [tool]);