From 44f504f401896a0aa19ec270c09b3f843f57dee2 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Thu, 10 Jul 2025 19:56:54 +0200
Subject: [PATCH] style: timestamp

---
 apps/web/src/components/editor/preview-panel.tsx | 9 ++++++---
 1 file 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 4365d63..197e822 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