TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-04 20:43:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

implement playing tracks from artist page

Browse Source
This commit is contained in:
geoffrey45
2022-12-07 16:05:16 +03:00
committed by Mungai Njoroge
parent 0b24974a63
commit cc8a8171b8
15 changed files with 176 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ArtistView/Header.vue
+17 -1
View File
@@ -1,4 +1,13 @@
<template>
<div
class="artist-header-ambient rounded"
style="height: 100%; width: 100%"
:style="{
boxShadow: artist.info.colors
? `0 .5rem 2rem ${artist.info.colors[0]}`
: '',
}"
></div>
<div class="artist-page-header rounded no-scroll">
<div
class="artist-info"
@@ -28,7 +37,7 @@
<div
class="gradient"
:style="{
backgroundImage: `linear-gradient(to left, transparent 40%,
backgroundImage: `linear-gradient(to left, transparent 30%,
${artist.info.colors[0]} 50%,
${artist.info.colors[0]} 100%)`,
}"
@@ -48,6 +57,13 @@ const artist = useArtistPageStore();
</script>
<style lang="scss">
.artist-header-ambient {
height: 17rem;
position: absolute;
opacity: 0.25;
margin-right: -1rem;
}
.artist-page-header {
height: 18rem;
display: grid;