External/OpenCut
1
0
Fork 0
mirror of https://github.com/OpenCut-app/OpenCut.git synced 2026-07-13 21:52:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add lock icon toggle for snapping functionality

Browse Source
This commit is contained in:
Maze Winther
2025-07-15 17:41:10 +02:00
parent fd2aa00074
commit 3a8d57921e
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/editor/timeline.tsx
+5
View File
@@ -17,6 +17,7 @@ import {
TypeIcon, TypeIcon,
Magnet, Magnet,
Lock, Lock,
LockOpen,
} from "lucide-react"; } from "lucide-react";
import { import {
Tooltip, Tooltip,
@@ -808,7 +809,11 @@ export function Timeline() {
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<Button variant="text" size="icon" onClick={toggleSnapping}> <Button variant="text" size="icon" onClick={toggleSnapping}>
{snappingEnabled ? (
<Lock className="h-4 w-4" /> <Lock className="h-4 w-4" />
) : (
<LockOpen className="h-4 w-4 text-primary" />
)}
</Button> </Button>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent>Auto snapping</TooltipContent> <TooltipContent>Auto snapping</TooltipContent>