Update CreatePlaylistButton.svelte

This commit is contained in:
freearhey 2023-10-10 06:14:38 +03:00
parent 8cce03ffe5
commit 0b302db5fa

View file

@ -7,57 +7,55 @@
const dispatch = createEventDispatcher() const dispatch = createEventDispatcher()
</script> </script>
<div class="w-14 sm:w-36"> <ActionButton
<ActionButton disabled={$downloadMode}
disabled={$downloadMode} on:click={() => {
on:click={() => { downloadMode.set(true)
downloadMode.set(true) dispatch('click')
dispatch('click') }}
}} area-label="Create Playlist"
area-label="Create Playlist" >
> <span class="inline">
<span class="sm:hidden inline"> <svg
<svg xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" class="w-5 h-5"
class="w-5 h-5" fill="currentColor"
fill="currentColor" viewBox="0 0 512 512"
viewBox="0 0 512 512" ><path
><path fill="none"
fill="none" stroke="currentColor"
stroke="currentColor" stroke-linecap="round"
stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" stroke-width="48"
stroke-width="48" d="M160 144h288M160 256h288M160 368h288"
d="M160 144h288M160 256h288M160 368h288" /><circle
/><circle cx="80"
cx="80" cy="144"
cy="144" r="16"
r="16" fill="none"
fill="none" stroke="currentColor"
stroke="currentColor" stroke-linecap="round"
stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" stroke-width="32"
stroke-width="32" /><circle
/><circle cx="80"
cx="80" cy="256"
cy="256" r="16"
r="16" fill="none"
fill="none" stroke="currentColor"
stroke="currentColor" stroke-linecap="round"
stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" stroke-width="32"
stroke-width="32" /><circle
/><circle cx="80"
cx="80" cy="368"
cy="368" r="16"
r="16" fill="none"
fill="none" stroke="currentColor"
stroke="currentColor" stroke-linecap="round"
stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" stroke-width="32"
stroke-width="32" /></svg
/></svg >
> </span><span class="hidden sm:inline">Create Playlist</span>
</span><span class="hidden sm:inline">Create Playlist</span> </ActionButton>
</ActionButton>
</div>