DutchEllie
/
svelte-testing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Perfection
continuous-integration/drone/push Build is passing Details

This commit is contained in:
DutchEllie 2022-07-03 23:39:16 +02:00
parent fc10ecd37c
commit 0746091cd8
Signed by: DutchEllie
SSH Key Fingerprint: SHA256:dKq6ZSgN5E3Viqrw/+xAdf2VdR6hdRGNyrYqXXwfjTY
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/misc/musicselectionmodal.svelte
View File

@ -23,7 +23,7 @@
await sleep(10);
$CurrentMusicStore.paused = false;
close();
};
}
function close() {
show = !show;
showMusicMan = false;
@ -33,38 +33,39 @@
{#if show}
<div
on:click={() => {
close()
close();
}}
class="h-screen w-screen bg-opacity-60 bg-black fixed top-0 left-0 z-10 py-20 "
>
<div on:click|stopPropagation class="h-full w-3/4 bg-red-100 mx-auto rounded-xl overflow-auto pb-3">
<div class="w-full bg-indigo-200 rounded-t-xl p-3">
<div on:click|stopPropagation class="h-full w-3/4 bg-red-100 mx-auto rounded-xl pb-3 overflow-y-auto">
<div class="bg-indigo-200 rounded-t-xl p-3">
<span
on:click={() => {
showMusicMan = true;
}}>Music Selection</span
>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2">
<div class="grid grid-cols-1 xl:grid-cols-2 p-3">
{#each musicSelection as v}
<ul
on:click={() => {
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}
</ul>
{/each}
{#if showMusicMan}
<ul on:click={() => {
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"
<ul
on:click={() => {
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!!
</ul>