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

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

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