make circle radius larger on mobile only (#11210)

blakeblackshear · May 2, 2024 · 7a5df60 · 7a5df60
1 parent a3267f7
commit 7a5df60
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/web/src/components/settings/PolygonDrawer.tsx b/web/src/components/settings/PolygonDrawer.tsx
@@ -9,6 +9,7 @@ import {
 import type { KonvaEventObject } from "konva/lib/Node";
 import Konva from "konva";
 import { Vector2d } from "konva/lib/types";
+import { isMobileOnly } from "react-device-detect";
 
 type PolygonDrawerProps = {
   points: number[][];
@@ -45,7 +46,7 @@ export default function PolygonDrawer({
   handleMouseOverAnyPoint,
   handleMouseOutAnyPoint,
 }: PolygonDrawerProps) {
-  const vertexRadius = 6;
+  const vertexRadius = isMobileOnly ? 12 : 6;
   const flattenedPoints = useMemo(() => flattenPoints(points), [points]);
   const [stage, setStage] = useState<Konva.Stage>();
   const [minMaxX, setMinMaxX] = useState([0, 0]);