diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-07-10 19:58:03 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-07-10 19:58:03 +0200 |
| commit | 0223c34a1e1dc792c19c96b297c1b5b5190e51e2 (patch) | |
| tree | 93ba11f66bf209249c762563de64e7bfc52d7c42 /apps/web/src/components | |
| parent | 44f504f401896a0aa19ec270c09b3f843f57dee2 (diff) | |
| download | opencut-0223c34a1e1dc792c19c96b297c1b5b5190e51e2.tar.gz | |
fix: timestamp different widths
Diffstat (limited to 'apps/web/src/components')
| -rw-r--r-- | apps/web/src/components/editor/preview-panel.tsx | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/apps/web/src/components/editor/preview-panel.tsx b/apps/web/src/components/editor/preview-panel.tsx index 197e8225..09341ee9 100644 --- a/apps/web/src/components/editor/preview-panel.tsx +++ b/apps/web/src/components/editor/preview-panel.tsx @@ -306,15 +306,17 @@ function PreviewToolbar({ hasAnyElements }: { hasAnyElements: boolean }) { <div> <p 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" )} > - <span className="text-primary"> + <span className="text-primary tabular-nums"> {formatTimeCode(currentTime, "HH:MM:SS:CS")} </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> </div> <Button |