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

update icon

Browse Source
This commit is contained in:
chrissshan
2025-07-22 01:11:12 -07:00
parent f2a403b678
commit 205ad520f0
1 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/editor/timeline.tsx
+8 -11
View File
@@ -15,8 +15,7 @@ import {
Video, Video,
Music, Music,
TypeIcon, TypeIcon,
Lock, Magnet,
LockOpen,
Link, Link,
} from "lucide-react"; } from "lucide-react";
import { import {
@@ -288,7 +287,7 @@ export function Timeline() {
Math.min( Math.min(
duration, duration,
(mouseX + scrollLeft) / (mouseX + scrollLeft) /
(TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel) (TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel)
) )
); );
@@ -806,9 +805,9 @@ export function Timeline() {
<TooltipTrigger asChild> <TooltipTrigger asChild>
<Button variant="text" size="icon" onClick={toggleSnapping}> <Button variant="text" size="icon" onClick={toggleSnapping}>
{snappingEnabled ? ( {snappingEnabled ? (
<LockOpen className="h-4 w-4 text-primary" /> <Magnet className="h-4 w-4 text-primary" />
) : ( ) : (
<Lock className="h-4 w-4" /> <Magnet className="h-4 w-4" />
)} )}
</Button> </Button>
</TooltipTrigger> </TooltipTrigger>
@@ -920,21 +919,19 @@ export function Timeline() {
return ( return (
<div <div
key={i} key={i}
className={`absolute top-0 bottom-0 ${ className={`absolute top-0 bottom-0 ${isMainMarker
isMainMarker
? "border-l border-muted-foreground/40" ? "border-l border-muted-foreground/40"
: "border-l border-muted-foreground/20" : "border-l border-muted-foreground/20"
}`} }`}
style={{ style={{
left: `${time * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel}px`, left: `${time * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel}px`,
}} }}
> >
<span <span
className={`absolute top-1 left-1 text-[0.6rem] ${ className={`absolute top-1 left-1 text-[0.6rem] ${isMainMarker
isMainMarker
? "text-muted-foreground font-medium" ? "text-muted-foreground font-medium"
: "text-muted-foreground/70" : "text-muted-foreground/70"
}`} }`}
> >
{(() => { {(() => {
const formatTime = (seconds: number) => { const formatTime = (seconds: number) => {