diff options
Diffstat (limited to '')
| -rw-r--r-- | src/lib/component/MyMusic.svelte | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/src/lib/component/MyMusic.svelte b/src/lib/component/MyMusic.svelte index aed9098..dd3758a 100644 --- a/src/lib/component/MyMusic.svelte +++ b/src/lib/component/MyMusic.svelte @@ -63,7 +63,7 @@ } ]; - let activeRelease = "3091487133"; + let activeRelease = $state("3091487133"); </script> <style lang="scss"> @@ -155,16 +155,24 @@ <li> <button class:active={activeRelease === release.id} - on:click={() => activeRelease === release.id ? activeRelease = "" : activeRelease = release.id}>{release.title} by {release.by}</button> + onclick={() => activeRelease === release.id ? activeRelease = "" : activeRelease = release.id}>{release.title} by {release.by}</button> {#if activeRelease === release.id} <div class="player"> <img alt={release.title + " art"} src={"/images/bandcamp/" + release.id + ".jpg"}/> - <!-- svelte-ignore a11y-missing-attribute --> + <!-- svelte-ignore a11y_missing_attribute --> {#if release.type === "album"} - <iframe style="height: 300px;" src="https://bandcamp.com/EmbeddedPlayer/album={release.id}/size=large/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" seamless></iframe> + <iframe + seamless + src="https://bandcamp.com/EmbeddedPlayer/album={release.id}/size=large/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" + style="height: 300px;" + title={release.title}></iframe> {:else} - <iframe style="height: 42px;" src="https://bandcamp.com/EmbeddedPlayer/track={release.id}/size=small/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" seamless></iframe> + <iframe + seamless + src="https://bandcamp.com/EmbeddedPlayer/track={release.id}/size=small/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" + style="height: 42px;" + title={release.title}></iframe> {/if} </div> {/if} |