Make missing artist profile pictures a default & remove click for more info on popularity
This commit is contained in:
parent
43964e38df
commit
fb58e20f7a
7 changed files with 39 additions and 11 deletions
|
|
@ -2,13 +2,15 @@ Vue.component(
|
|||
`artist`,
|
||||
{
|
||||
props: [ `artist` ],
|
||||
data: function () {
|
||||
return {};
|
||||
},
|
||||
computed: {},
|
||||
template: `<div class="artist">
|
||||
<div class="image profile_pic">
|
||||
<img :src="artist.image.url" :alt="artist.name + \`'s profile picture\`">
|
||||
<div class="image profile_pic" v-if="artist.image">
|
||||
<img :src="artist.image.url" :alt="artist.name + 's profile picture'">
|
||||
</div>
|
||||
<div class="image profile_pic" v-else>
|
||||
<div class="missing-circle">
|
||||
<music-note colour="#1DB954"></music-note>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<span class="name">
|
||||
|
|
@ -20,5 +22,5 @@ Vue.component(
|
|||
<div class="popularity">{{artist.popularity}}</div>
|
||||
<div class="followers">{{artist.follower_count}}</div>
|
||||
</div>`
|
||||
}
|
||||
}
|
||||
)
|
||||
Loading…
Add table
Add a link
Reference in a new issue