diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-07-10 19:56:54 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-07-10 19:56:54 +0200 |
| commit | 44f504f401896a0aa19ec270c09b3f843f57dee2 (patch) | |
| tree | 1403154414d7825338b286dc5e5541a1d9fa5091 /apps/web/src/components/editor/preview-panel.tsx | |
| parent | 4d0c3268ccd15f0507f254265e226aa99df6a045 (diff) | |
| download | opencut-44f504f401896a0aa19ec270c09b3f843f57dee2.tar.gz | |
style: timestamp
Diffstat (limited to 'apps/web/src/components/editor/preview-panel.tsx')
| -rw-r--r-- | apps/web/src/components/editor/preview-panel.tsx | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/apps/web/src/components/editor/preview-panel.tsx b/apps/web/src/components/editor/preview-panel.tsx index 4365d63b..197e8225 100644 --- a/apps/web/src/components/editor/preview-panel.tsx +++ b/apps/web/src/components/editor/preview-panel.tsx @@ -306,12 +306,15 @@ function PreviewToolbar({ hasAnyElements }: { hasAnyElements: boolean }) { <div> <p className={cn( - "text-xs text-muted-foreground tabular-nums", + "text-[0.75rem] text-muted-foreground tabular-num flex items-center gap-1", !hasAnyElements && "opacity-50" )} > - {formatTimeCode(currentTime, "HH:MM:SS:CS")}/ - {formatTimeCode(getTotalDuration(), "HH:MM:SS:CS")} + <span className="text-primary"> + {formatTimeCode(currentTime, "HH:MM:SS:CS")} + </span> + <span className="opacity-50">/</span> + <span>{formatTimeCode(getTotalDuration(), "HH:MM:SS:CS")}</span> </p> </div> <Button |