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);
|
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
|
||||||
setSong({
|
on:click={() => {
|
||||||
musicTitle: 'MUUUSIC MAN!',
|
setSong({
|
||||||
musicArtist: 'MatPat',
|
musicTitle: 'MUUUSIC MAN!',
|
||||||
musicUrl: '/music/MUUUSIC-MAN!.opus'
|
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"
|
}}
|
||||||
|
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>
|
||||||
|
|
Loading…
Reference in New Issue