diff options
Diffstat (limited to 'apps/web/src')
| -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 |