fix: CROS fix, Mini Bar fix switches Audiobook and Music Player, Chapter Track mode added, Delted Playlist mode from Audiobooks
This commit is contained in:
1 parent
8f126562e7
commit
eb4d6fcbf9
5 files changed
+61
-55
No files matched your search
+11
-12
@@ -952,18 +952,17 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
|
||||
.abs-cover-wrap{width:min(240px,calc(100vw - 48px))}
|
||||
}
|
||||
|
||||
/* ── ABS MINI BAR ── */
|
||||
.abs-mini-bar{position:fixed;bottom:var(--player-h);left:0;right:0;background:rgba(10,10,28,.96);backdrop-filter:blur(16px);border-top:1px solid rgba(130,80,255,.25);padding:9px 16px;display:flex;align-items:center;gap:12px;z-index:99;transform:translateY(100%);transition:transform .3s;cursor:pointer}
|
||||
/* ── ABS MINI BAR (overlays the bottom player bar) ── */
|
||||
.abs-mini-bar{position:fixed;bottom:0;left:0;right:0;height:var(--player-h);background:rgba(8,8,20,.96);backdrop-filter:blur(28px);border-top:1px solid var(--border2);padding:0 16px;display:flex;align-items:center;gap:12px;z-index:101;transform:translateY(100%);transition:transform .3s}
|
||||
.abs-mini-bar.visible{transform:translateY(0)}
|
||||
.abs-mini-cover{width:40px;height:40px;border-radius:7px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;overflow:hidden}
|
||||
.abs-mini-info{flex:1;min-width:0}
|
||||
.abs-mini-prog-strip{position:absolute;top:0;left:0;right:0;height:3px;background:var(--border2)}
|
||||
.abs-mini-prog-fill{height:100%;background:var(--accent);transition:width .5s linear;width:0}
|
||||
.abs-mini-cover{width:46px;height:46px;border-radius:8px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;overflow:hidden;cursor:pointer}
|
||||
.abs-mini-info{flex:1;min-width:0;cursor:pointer}
|
||||
.abs-mini-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.abs-mini-chapter{font-size:11px;color:var(--text2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.abs-mini-play{background:none;border:none;color:var(--text);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
|
||||
@media(max-width:768px){.abs-mini-bar{bottom:calc(var(--player-h) + 80px + env(safe-area-inset-bottom))}}
|
||||
|
||||
/* ── ABS PLAYLIST MODE ── */
|
||||
.abs-mini-chapter{font-size:11px;color:var(--text2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.abs-mini-play{background:none;border:none;color:var(--text);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
|
||||
.abs-mini-open{background:none;border:none;color:var(--text2);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
|
||||
.abs-mini-open:hover{color:var(--text)}
|
||||
.abs-hbtn.active{color:var(--accent)}
|
||||
.abs-player-overlay.playlist-mode .abs-cover-area{flex:0 0 auto;padding:4px 40px}
|
||||
.abs-player-overlay.playlist-mode .abs-cover-wrap{width:min(140px,calc(100vw - 80px))}
|
||||
.abs-player-overlay.playlist-mode .abs-chapter-list.open{flex:1;max-height:none;overflow-y:auto}
|
||||
@media(max-width:768px){.abs-mini-bar{bottom:80px;height:var(--player-h)}}
|
||||
Reference in new issue
Block a user