xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #76 from creotove/main

Browse Source 
Fix: [BUG] buttons jitter left and right #67
This commit is contained in:
iza
2025-06-25 07:59:11 +03:00
committed by GitHub
parent b8057cdd30 7de09adce6
commit 4a8ff91ae3
1 changed files with 30 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
apps/web/src/components/editor/timeline.tsx
View File

@ -602,38 +602,40 @@ export function Timeline() {
<div className="w-px h-6 bg-border mx-1" /> <div className="w-px h-6 bg-border mx-1" />
{/* Time Display */} {/* Time Display */}
<div className="text-xs text-muted-foreground font-mono px-2"> <div className="text-xs text-muted-foreground font-mono px-2"
{Math.floor(currentTime * 10) / 10}s /{" "} style={{ minWidth: '18ch', textAlign: 'center' }}
{Math.floor(duration * 10) / 10}s >
{currentTime.toFixed(1)}s / {duration.toFixed(1)}s
</div> </div>
<div className="w-px h-6 bg-border mx-1" />
{/* Test Clip Button - for debugging */} {/* Test Clip Button - for debugging */}
{tracks.length === 0 && ( {tracks.length === 0 && (
<Tooltip> <>
<TooltipTrigger asChild> <div className="w-px h-6 bg-border mx-1" />
<Button <Tooltip>
variant="outline" <TooltipTrigger asChild>
size="sm" <Button
onClick={() => { variant="outline"
const trackId = addTrack("video"); size="sm"
addClipToTrack(trackId, { onClick={() => {
mediaId: "test", const trackId = addTrack("video");
name: "Test Clip", addClipToTrack(trackId, {
duration: 5, mediaId: "test",
startTime: 0, name: "Test Clip",
trimStart: 0, duration: 5,
trimEnd: 0, startTime: 0,
}); trimStart: 0,
}} trimEnd: 0,
className="text-xs" });
> }}
Add Test Clip className="text-xs"
</Button> >
</TooltipTrigger> Add Test Clip
<TooltipContent>Add a test clip to try playback</TooltipContent> </Button>
</Tooltip> </TooltipTrigger>
<TooltipContent>Add a test clip to try playback</TooltipContent>
</Tooltip>
</>
)} )}
<div className="w-px h-6 bg-border mx-1" /> <div className="w-px h-6 bg-border mx-1" />