diff options
| author | creotove <creotove@gmail.com> | 2025-06-25 08:51:17 +0530 |
|---|---|---|
| committer | creotove <creotove@gmail.com> | 2025-06-25 08:51:17 +0530 |
| commit | 7de09adce696442b0ba536bd3895f335246c744b (patch) | |
| tree | 379079b08eb741fb51bde94a59d2782580d7ef1a /apps/web | |
| parent | 84d206c01e1ae02d52e30e82982971436e98828c (diff) | |
| download | opencut-7de09adce696442b0ba536bd3895f335246c744b.tar.gz | |
Fix: unwanted seperator when there is a clip on track.
Diffstat (limited to 'apps/web')
| -rw-r--r-- | apps/web/src/components/editor/timeline.tsx | 53 |
1 files changed, 27 insertions, 26 deletions
diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx index 81b99747..6c39c893 100644 --- a/apps/web/src/components/editor/timeline.tsx +++ b/apps/web/src/components/editor/timeline.tsx @@ -603,38 +603,39 @@ export function Timeline() { {/* Time Display */}
<div className="text-xs text-muted-foreground font-mono px-2"
- style={{ minWidth: '12ch', textAlign: 'right' }}
+ style={{ minWidth: '18ch', textAlign: 'center' }}
>
{currentTime.toFixed(1)}s / {duration.toFixed(1)}s
</div>
- <div className="w-px h-6 bg-border mx-1" />
-
{/* Test Clip Button - for debugging */}
{tracks.length === 0 && (
- <Tooltip>
- <TooltipTrigger asChild>
- <Button
- variant="outline"
- size="sm"
- onClick={() => {
- const trackId = addTrack("video");
- addClipToTrack(trackId, {
- mediaId: "test",
- name: "Test Clip",
- duration: 5,
- startTime: 0,
- trimStart: 0,
- trimEnd: 0,
- });
- }}
- className="text-xs"
- >
- Add Test Clip
- </Button>
- </TooltipTrigger>
- <TooltipContent>Add a test clip to try playback</TooltipContent>
- </Tooltip>
+ <>
+ <div className="w-px h-6 bg-border mx-1" />
+ <Tooltip>
+ <TooltipTrigger asChild>
+ <Button
+ variant="outline"
+ size="sm"
+ onClick={() => {
+ const trackId = addTrack("video");
+ addClipToTrack(trackId, {
+ mediaId: "test",
+ name: "Test Clip",
+ duration: 5,
+ startTime: 0,
+ trimStart: 0,
+ trimEnd: 0,
+ });
+ }}
+ className="text-xs"
+ >
+ Add Test Clip
+ </Button>
+ </TooltipTrigger>
+ <TooltipContent>Add a test clip to try playback</TooltipContent>
+ </Tooltip>
+ </>
)}
<div className="w-px h-6 bg-border mx-1" />
|