Perfection
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
fc10ecd37c
commit
0746091cd8
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue