trafficlunar/blockmatic
1
0
Fork 0
mirror of https://github.com/trafficlunar/blockmatic.git synced 2026-06-28 14:44:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: lasso tool

Browse source
This commit is contained in:
trafficlunar 2025-01-18 22:36:03 +00:00
parent 4ca631d4d2
commit e0d25bb222
3 changed files with 41 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/toolbar/index.tsx
View file

@ -1,5 +1,5 @@
import { useContext } from "react";
import { EraserIcon, HandIcon, MousePointer2Icon, PencilIcon, PipetteIcon, SquareDashedIcon, ZoomInIcon } from "lucide-react";
import { EraserIcon, HandIcon, LassoIcon, MousePointer2Icon, PencilIcon, PipetteIcon, SquareDashedIcon, ZoomInIcon } from "lucide-react";
import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
@ -57,6 +57,18 @@ function Toolbar() {
</TooltipContent>
</Tooltip>
{/* Lasso */}
<Tooltip delayDuration={0}>
<TooltipTrigger>
<ToggleGroupItem value="lasso" className="!p-0 !h-8 !min-w-8">
<LassoIcon />
</ToggleGroupItem>
</TooltipTrigger>
<TooltipContent side="right" sideOffset={10}>
<p>Lasso (4)</p>
</TooltipContent>
</Tooltip>
{/* Pencil */}
<Tooltip delayDuration={0}>
<TooltipTrigger>
@ -65,7 +77,7 @@ function Toolbar() {
</ToggleGroupItem>
</TooltipTrigger>
<TooltipContent side="right" sideOffset={10}>
<p>Pencil (4)</p>
<p>Pencil (5)</p>
</TooltipContent>
</Tooltip>
@ -77,7 +89,7 @@ function Toolbar() {
</ToggleGroupItem>
</TooltipTrigger>
<TooltipContent side="right" sideOffset={10}>
<p>Eraser (5)</p>
<p>Eraser (6)</p>
</TooltipContent>
</Tooltip>
@ -89,7 +101,7 @@ function Toolbar() {
</ToggleGroupItem>
</TooltipTrigger>
<TooltipContent side="right" sideOffset={10}>
<p>Eyedropper (6)</p>
<p>Eyedropper (7)</p>
</TooltipContent>
</Tooltip>
@ -101,7 +113,7 @@ function Toolbar() {
</ToggleGroupItem>
</TooltipTrigger>
<TooltipContent side="right" sideOffset={10}>
<p>Zoom (7)</p>
<p>Zoom (8)</p>
</TooltipContent>
</Tooltip>