fix: align seek-track and seek-times with chapter content width on desktop
This commit is contained in:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user