diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-07-15 17:41:10 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-07-15 17:41:10 +0200 |
| commit | 3a8d57921e48b9ca1055644482ad39753c077ff4 (patch) | |
| tree | 8f67deeb18fbe3af9eec226c2b6ef4f86afd0199 | |
| parent | fd2aa00074db0fd157bd41c0b6ddf061452f3aaa (diff) | |
| download | opencut-3a8d57921e48b9ca1055644482ad39753c077ff4.tar.gz | |
feat: add lock icon toggle for snapping functionality
| -rw-r--r-- | apps/web/src/components/editor/timeline.tsx | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx index c1603542..4a770627 100644 --- a/apps/web/src/components/editor/timeline.tsx +++ b/apps/web/src/components/editor/timeline.tsx @@ -17,6 +17,7 @@ import { TypeIcon, Magnet, Lock, + LockOpen, } from "lucide-react"; import { Tooltip, @@ -808,7 +809,11 @@ export function Timeline() { <Tooltip> <TooltipTrigger asChild> <Button variant="text" size="icon" onClick={toggleSnapping}> - <Lock className="h-4 w-4" /> + {snappingEnabled ? ( + <Lock className="h-4 w-4" /> + ) : ( + <LockOpen className="h-4 w-4 text-primary" /> + )} </Button> </TooltipTrigger> <TooltipContent>Auto snapping</TooltipContent> |