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

fix: timestamp different widths

Browse Source
This commit is contained in:
Maze Winther
2025-07-10 19:58:03 +02:00
parent 44f504f401
commit 0223c34a1e
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/components/editor/preview-panel.tsx
View File

@ -306,15 +306,17 @@ function PreviewToolbar({ hasAnyElements }: { hasAnyElements: boolean }) {
<div> <div>
<p <p
className={cn( className={cn(
"text-[0.75rem] text-muted-foreground tabular-num flex items-center gap-1", "text-[0.75rem] text-muted-foreground flex items-center gap-1",
!hasAnyElements && "opacity-50" !hasAnyElements && "opacity-50"
)} )}
> >
<span className="text-primary"> <span className="text-primary tabular-nums">
{formatTimeCode(currentTime, "HH:MM:SS:CS")} {formatTimeCode(currentTime, "HH:MM:SS:CS")}
</span> </span>
<span className="opacity-50">/</span> <span className="opacity-50">/</span>
<span>{formatTimeCode(getTotalDuration(), "HH:MM:SS:CS")}</span> <span className="tabular-nums">
{formatTimeCode(getTotalDuration(), "HH:MM:SS:CS")}
</span>
</p> </p>
</div> </div>
<Button <Button