CaZzzer/amqtrain
1
0
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

WIP: global player refactor pt. 2

Browse Source
This commit is contained in:
Yura
2026-02-09 23:39:36 -08:00
parent aea41df214
commit f9fe6a2d11
5 changed files with 32 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/lib/components/player/PlayerMobile.svelte
View File

@@ -21,12 +21,13 @@
<div
class="fixed bottom-0 left-0 right-0 z-50 border-t bg-background/95 backdrop-blur shadow-2xl safe-area-pb"
>
<div
class="px-4 py-2 flex items-center justify-between gap-4 h-16"
onclick={() => (open = true)}
>
<div class="px-4 py-2 flex items-center justify-between gap-4 h-16">
<!-- Mini Player Info -->
<div class="flex items-center gap-3 overflow-hidden flex-1">
<button
type="button"
class="flex items-center gap-3 overflow-hidden flex-1 text-left bg-transparent border-none p-0 cursor-pointer"
onclick={() => (open = true)}
>
<!-- Placeholder Art -->
<div
class="h-10 w-10 rounded bg-muted flex items-center justify-center shrink-0"
@@ -34,7 +35,7 @@
<Disc class="h-6 w-6 text-muted-foreground" />
</div>
<div class="flex flex-col overflow-hidden text-left">
<div class="flex flex-col overflow-hidden">
<div class="text-sm font-medium truncate leading-tight">
{player.currentTrack.title || "Unknown Title"}
</div>
@@ -44,13 +45,10 @@
{player.currentTrack.artist || "Unknown Artist"}
</div>
</div>
</div>
</button>
<!-- Mini Controls -->
<div
class="flex items-center gap-1"
onclick={(e) => e.stopPropagation()}
>
<div class="flex items-center gap-1">
<Controls />
<!-- Actually Controls has too many buttons for mini player. Just Play/Next? -->
<!-- We'll reimplement mini controls or pass props to Controls to show fewer buttons -->