feat(web): mount TrackMenu in TrackRow + PlayerBar

This commit is contained in:
2026-04-30 20:31:56 -04:00
parent 8da4a3f9c0
commit 88ff997af7
4 changed files with 37 additions and 5 deletions
+3 -1
View File
@@ -3,6 +3,7 @@
import { formatDuration } from '$lib/media/duration';
import { playQueue, enqueueTrack, playRadio } from '$lib/player/store.svelte';
import LikeButton from './LikeButton.svelte';
import TrackMenu from './TrackMenu.svelte';
type PlayHandler = (tracks: TrackRef[], index: number) => void;
@@ -47,7 +48,7 @@
aria-label={track.title}
onclick={onRowClick}
onkeydown={onRowKey}
class="grid w-full cursor-pointer grid-cols-[32px_1fr_auto_auto_auto_auto] items-center gap-4 px-3 py-2 text-left text-sm odd:bg-surface/50 hover:bg-surface focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent"
class="grid w-full cursor-pointer grid-cols-[32px_1fr_auto_auto_auto_auto_auto] items-center gap-4 px-3 py-2 text-left text-sm odd:bg-surface/50 hover:bg-surface focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent"
>
<span class="text-right tabular-nums text-text-secondary">
{track.track_number ?? '—'}
@@ -67,5 +68,6 @@
onclick={onAddClick}
class="rounded p-1 text-text-secondary hover:text-text-primary"
>+</button>
<TrackMenu {track} />
<span class="tabular-nums text-text-secondary">{formatDuration(track.duration_sec)}</span>
</div>