From 11585281243b522fea15f430e527be9fd6a807ec Mon Sep 17 00:00:00 2001 From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com> Date: Thu, 2 May 2024 13:21:51 -0500 Subject: [PATCH] make circle radius larger on mobile only --- web/src/components/settings/PolygonDrawer.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/web/src/components/settings/PolygonDrawer.tsx b/web/src/components/settings/PolygonDrawer.tsx index 99d05888ea..a2209d35e1 100644 --- 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]);