Add a popularity modal to the page when clicking on the popularity value (finishes #5 )
This commit is contained in:
parent
7ea4f89522
commit
4a61eec9ff
11 changed files with 205 additions and 19 deletions
|
|
@ -1,6 +1,6 @@
|
|||
<div class="card">
|
||||
<div class="image">
|
||||
<img v-id="artist.image" :src="artist.image.url" :alt="artist.name + 's profile picture'" target="_blank" rel="noopener">
|
||||
<img v-if="artist.image" :src="artist.image.url" :alt="artist.name + 's profile picture'" target="_blank" rel="noopener">
|
||||
<div class="missing-image" v-else>
|
||||
<music-note colour="#1DB954"></music-note>
|
||||
</div>
|
||||
|
|
@ -12,6 +12,6 @@
|
|||
<br>
|
||||
<span class="subtitle">{{genres}}</span>
|
||||
</div>
|
||||
<div class="bottom left corner popularity" v-tooltip="popularity_tooltip">{{artist.popularity}}</div>
|
||||
<div class="bottom right corner followers" v-tooltip="followers_tooltip">{{artist.follower_count}}</div>
|
||||
<div class="bottom left corner popularity" v-tooltip="popularity_tooltip" @click.self="show_popularity_modal()">{{artist.popularity}}</div>
|
||||
<div class="bottom right corner followers" v-tooltip="followers_tooltip">{{artist.follower_count.toLocaleString()}}</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue