fix: seek-track 90% width, seek-times 95% width, both margin auto
This commit is contained in:
@@ -2151,7 +2151,8 @@ const chapterTmpl = `
|
||||
.queue-badge-time { text-transform: none; letter-spacing: 0; }
|
||||
|
||||
/* ── Seek bar ───────────────────────────────────────────────────────────── */
|
||||
#seek-track { height: 1.25rem; cursor: pointer; touch-action: none; user-select: none; }
|
||||
#seek-track { height: 1.25rem; cursor: pointer; touch-action: none; user-select: none; width: 90%; margin: auto; }
|
||||
#seek-times { width: 95%; margin: auto; }
|
||||
#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; }
|
||||
@@ -2267,7 +2268,7 @@ const chapterTmpl = `
|
||||
|
||||
<!-- Time row -->
|
||||
<div id="seek-times" style="display:none"
|
||||
class="max-w-2xl mx-auto px-4 pt-1 flex items-center justify-between">
|
||||
class="px-1 pt-1 flex items-center justify-between">
|
||||
<span id="seek-cur" class="text-[0.6rem] tabular-nums text-zinc-600">0:00</span>
|
||||
<span id="seek-tot" class="text-[0.6rem] tabular-nums text-zinc-700">0:00</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user