fix: align seek-track and seek-times with chapter content width on desktop
Some checks failed
CI / Lint (push) Has been cancelled
CI / Test (push) Has been cancelled
CI / Build (push) Has been cancelled

This commit is contained in:
Admin
2026-03-02 14:00:56 +05:00
parent 6e0041ea01
commit b61e1a4212

View File

@@ -2153,6 +2153,10 @@ const chapterTmpl = `
/* ── Seek bar ───────────────────────────────────────────────────────────── */
#seek-track { height: 1.25rem; cursor: pointer; touch-action: none; user-select: none; width: 90%; margin: auto; }
#seek-times { width: 95%; margin: auto; }
@media (min-width: 640px) {
#seek-track { width: 38rem; }
#seek-times { width: 38rem; }
}
#seek-rail { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); height: 2px; background: #3f3f46; border-radius: 9999px; overflow: hidden; pointer-events: none; }
#seek-fill { position: absolute; left: 0; top: 0; height: 100%; background: #f59e0b; }
#seek-thumb { position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); width: 10px; height: 10px; border-radius: 50%; background: #fbbf24; box-shadow: 0 1px 4px rgba(0,0,0,.5); pointer-events: none; transition: transform 0.1s; }