From 3c77e989562d14efabe8ada5cf1fc5e5ea07c32d Mon Sep 17 00:00:00 2001
From: 3dtours <yeunhiepanh.photo@gmail.com>
Date: Sun, 19 Jul 2026 22:34:46 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20hi=E1=BB=83n=20th=E1=BB=8B=20th=E1=BB=9D?=
 =?UTF-8?q?i=20gian=20tr=C3=AAn=20timeline=20theo=200.00s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/templates/index.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/templates/index.html b/app/templates/index.html
index 477d524..2bf5780 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -74,6 +74,11 @@
             return `${m}:${s.toString().padStart(2, '0')}.${ms}`;
         };
 
+        const formatTimeSimple = (secs) => {
+            if (isNaN(secs) || secs < 0) return "0.00s";
+            return `${secs.toFixed(2)}s`;
+        };
+
         const formatBeat = (secs, bpmVal) => {
             if (isNaN(secs) || secs < 0) return "1.1.1";
             const beatDuration = 60 / bpmVal;
@@ -5956,7 +5961,7 @@
                                                     <div ref={rulerRef} className="flex-1 relative h-full flex items-center select-none cursor-ew-resize overflow-hidden" onMouseDown={handleRulerMouseDown}>
                                                         {Array.from({ length: Math.ceil(maxDuration) }).map((_, i) => {
                                                             const sec = i; const x = sec * zoom;
-                                                            return (<div key={i} className="absolute h-full border-l border-zinc-700 pl-1 pt-1 text-[14px] font-mono text-zinc-300 pointer-events-none" style={{ left: `${x}px` }}>{formatTime(sec)}</div>);
+                                                            return (<div key={i} className="absolute h-full border-l border-zinc-700 pl-1 pt-1 text-[14px] font-mono text-zinc-300 pointer-events-none" style={{ left: `${x}px` }}>{formatTimeSimple(sec)}</div>);
                                                         })}
                                                     </div>
                                                 </div>
@@ -6150,7 +6155,7 @@
                                                         <div className="flex-1 relative h-full flex items-center select-none cursor-ew-resize overflow-hidden" onMouseDown={handleRulerMouseDown}>
                                                             {Array.from({ length: Math.ceil(st.buffer ? st.buffer.duration : 0) }).map((_, i) => {
                                                                 const sec = i; const x = sec * zoom;
-                                                                return (<div key={i} className="absolute h-full border-l border-zinc-700 pl-1 pt-1 text-[14px] font-mono text-zinc-300 pointer-events-none" style={{ left: `${x}px` }}>{formatTime(sec)}</div>);
+                                                            return (<div key={i} className="absolute h-full border-l border-zinc-700 pl-1 pt-1 text-[14px] font-mono text-zinc-300 pointer-events-none" style={{ left: `${x}px` }}>{formatTimeSimple(sec)}</div>);
                                                             })}
                                                         </div>
                                                     </div>