feat(web): add TrackRow component

Non-interactive album track row with number, title, duration. Player plan will add click-to-play.
2026-04-23 18:40:40 -04:00
parent e9b482da0c
commit 12d1cb739b
2 changed files with 45 additions and 0 deletions
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { TrackRef } from '$lib/api/types';
+  import { formatDuration } from '$lib/media/duration';
+
+  let { track }: { track: TrackRef } = $props();
+</script>
+
+<div class="grid grid-cols-[32px_1fr_auto] items-center gap-4 px-3 py-2 text-sm odd:bg-surface/50">
+  <span class="text-right tabular-nums text-text-secondary">
+    {track.track_number ?? '—'}
+  </span>
+  <span class="truncate">{track.title}</span>
+  <span class="tabular-nums text-text-secondary">{formatDuration(track.duration_sec)}</span>
+</div>