Update CreatePlaylistButton.svelte

This commit is contained in:
freearhey 2023-12-06 22:43:10 +03:00
parent 10c802f97f
commit 3dcd5cf9c6

View file

@ -1,61 +1,34 @@
<script> <script>
import { downloadMode } from '~/store' import { downloadMode } from '~/store'
import OutlineButton from '~/components/OutlineButton.svelte' import SquareButton from '~/components/SquareButton.svelte'
import ActionButton from '~/components/ActionButton.svelte'
import { createEventDispatcher } from 'svelte' import { createEventDispatcher } from 'svelte'
const dispatch = createEventDispatcher() const dispatch = createEventDispatcher()
</script> </script>
<ActionButton <SquareButton
active={$downloadMode} active={$downloadMode}
on:click={() => { on:click={() => {
downloadMode.set(!$downloadMode) downloadMode.set(!$downloadMode)
dispatch('click') dispatch('click')
}} }}
aria-label="Create Playlist" aria-label="Create playlist"
title="Create playlist"
> >
<span class="inline"> <span class="inline">
<svg <svg
xmlns="http://www.w3.org/2000/svg"
class="w-5 h-5"
fill="currentColor" fill="currentColor"
viewBox="0 0 512 512" class="w-6 h-6"
clip-rule="evenodd"
fill-rule="evenodd"
stroke-linejoin="round"
stroke-miterlimit="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
><path ><path
fill="none" d="m17.5 11c2.484 0 4.5 2.016 4.5 4.5s-2.016 4.5-4.5 4.5-4.5-2.016-4.5-4.5 2.016-4.5 4.5-4.5zm.5 4v-1.5c0-.265-.235-.5-.5-.5s-.5.235-.5.5v1.5h-1.5c-.265 0-.5.235-.5.5s.235.5.5.5h1.5v1.5c0 .265.235.5.5.5s.5-.235.5-.5c0-.592 0-1.5 0-1.5h1.5c.265 0 .5-.235.5-.5s-.235-.5-.5-.5c-.592 0-1.5 0-1.5 0zm-6.479 1c.043.522.153 1.025.321 1.5h-9.092c-.414 0-.75-.336-.75-.75s.336-.75.75-.75zm1.106-4c-.328.456-.594.96-.785 1.5h-9.092c-.414 0-.75-.336-.75-.75s.336-.75.75-.75zm7.373-3.25c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75zm0-4c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75z"
stroke="currentColor" fill-rule="nonzero"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="48"
d="M160 144h288M160 256h288M160 368h288"
/><circle
cx="80"
cy="144"
r="16"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="32"
/><circle
cx="80"
cy="256"
r="16"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="32"
/><circle
cx="80"
cy="368"
r="16"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="32"
/></svg /></svg
> >
</span><span class="hidden md:inline">Create Playlist</span> </span>
</ActionButton> </SquareButton>