| 658 | } |
| 659 | |
| 660 | function miniPlayer() { |
| 661 | if (state.tab === "mixer" || !state.current) return ""; |
| 662 | const c = state.current; |
| 663 | return `<div class="mini" data-action="tab" data-tab="mixer"> |
| 664 | <div class="mini-art" style="${artStyle(c)}">${artLabel(c)}</div> |
| 665 | <div class="mini-info"><div class="t">${esc(c.title)}</div><div class="s">${esc(c.sub)}</div></div> |
| 666 | <button class="mini-play" data-action="play-mini">${state.playing ? ICON.pause(17, "#1a1206") : ICON.play(18, "#1a1206")}</button> |
| 667 | </div>`; |
| 668 | } |
| 669 | |
| 670 | function tabBar() { |
| 671 | const t = (tab, icon, label) => `<button class="tab ${state.tab === tab ? "on" : ""}" data-action="tab" data-tab="${tab}">${icon}${label}</button>`; |