diff --git a/src/components/misc/musicselectionmodal.svelte b/src/components/misc/musicselectionmodal.svelte
index 6ed6af7..789c81f 100644
--- a/src/components/misc/musicselectionmodal.svelte
+++ b/src/components/misc/musicselectionmodal.svelte
@@ -23,7 +23,7 @@
await sleep(10);
$CurrentMusicStore.paused = false;
close();
- };
+ }
function close() {
show = !show;
showMusicMan = false;
@@ -33,38 +33,39 @@
{#if show}
{
- close()
+ close();
}}
class="h-screen w-screen bg-opacity-60 bg-black fixed top-0 left-0 z-10 py-20 "
>
-
-
+
+
{
showMusicMan = true;
}}>Music Selection
-
+
{#each musicSelection as v}
{
setSong(v);
}}
- class="ml-3 mt-3 hover:cursor-pointer underline shadow-lg hover:shadow-xl w-max bg-indigo-100 p-2 rounded-md"
+ class="mt-3 hover:cursor-pointer underline max-w-full shadow-lg hover:shadow-xl w-max bg-indigo-100 p-2 rounded-md"
>
{v.musicArtist} - {v.musicTitle}
{/each}
{#if showMusicMan}
-
{
- setSong({
- musicTitle: 'MUUUSIC MAN!',
- musicArtist: 'MatPat',
- musicUrl: '/music/MUUUSIC-MAN!.opus'
- })
- }}
- class="ml-3 mt-3 hover:cursor-pointer underline shadow-lg hover:shadow-xl w-max bg-indigo-100 p-2 rounded-md"
+ {
+ setSong({
+ musicTitle: 'MUUUSIC MAN!',
+ musicArtist: 'MatPat',
+ musicUrl: '/music/MUUUSIC-MAN!.opus'
+ });
+ }}
+ class="mt-3 hover:cursor-pointer underline max-w-full shadow-lg hover:shadow-xl w-max bg-indigo-100 p-2 rounded-md"
>
MUSIC MAN!!