jankboard/client/src/lib/Apps/MusicBrowser/MusicBrowser.svelte

23 lines
597 B
Svelte
Raw Normal View History

<!--
@component
Displays the list of songs
-->
2024-02-21 23:36:24 -08:00
<script lang="ts">
import Song from './Song.svelte'
import { songList } from '../../Dashboard/MediaPlayer/songList'
2024-02-24 01:38:00 -08:00
import AppContainer from '../AppContainer.svelte'
2024-02-21 23:36:24 -08:00
</script>
2024-02-24 01:38:00 -08:00
<AppContainer
class="flex gap-4 bg-blue-200 bg-opacity-25 backdrop-blur-xl media-background rounded-3xl flex-wrap px-10 py-20"
2024-02-21 23:36:24 -08:00
>
2024-02-24 01:38:00 -08:00
<h2 class="h-full w-full text-8xl font-bold basis-full text-slate-200">
Music
</h2>
<div class="basis-full h-2" />
2024-02-21 23:36:24 -08:00
{#each Object.entries(songList) as [slug, song]}
<Song {song} {slug} />
{/each}
2024-02-24 01:38:00 -08:00
</AppContainer>