Admin
c14db5a711
Advances the ongoing token/componentization cleanup (anchored player dock, border-based panels instead of floating shadows, corrected light-mode accent/gradient tokens) alongside in-progress backend support for track genre tags.
29 lines
934 B
Svelte
29 lines
934 B
Svelte
<script lang="ts">
|
|
import TrackInfo from './TrackInfo.svelte';
|
|
import TransportControls from './TransportControls.svelte';
|
|
import SeekBar from './SeekBar.svelte';
|
|
import PlayerExtras from './PlayerExtras.svelte';
|
|
</script>
|
|
|
|
<div
|
|
class="animate-enter pointer-events-auto flex items-center gap-4.5 border-t border-hairline bg-[image:var(--mf-bar-bg)] px-4 py-2.75 backdrop-blur-xl transition-[background] duration-500 sm:hidden"
|
|
>
|
|
<div class="min-w-0 flex-1">
|
|
<TrackInfo compact />
|
|
</div>
|
|
<TransportControls compact />
|
|
</div>
|
|
|
|
<div
|
|
class="animate-enter pointer-events-auto hidden items-center gap-5 border-t border-hairline bg-[image:var(--mf-bar-bg)] px-4 py-2.75 backdrop-blur-xl transition-[background] duration-500 sm:flex"
|
|
>
|
|
<div class="w-64 min-w-0 shrink-0">
|
|
<TrackInfo />
|
|
</div>
|
|
<div class="flex min-w-0 flex-1 flex-col items-center gap-2">
|
|
<TransportControls />
|
|
<SeekBar />
|
|
</div>
|
|
<PlayerExtras />
|
|
</div>
|