Fixed the weird merging of heart and explicit icons and made a few changes.
In this PR: * The Explicit and Love icon(s) don't merge and are of same size * Added Display of unlove icon as well in case song is not loved Screenshots:
This commit is contained in:
parent
59f0cd7ee2
commit
5ee5eac35a
5 changed files with 38 additions and 11 deletions
|
@ -65,8 +65,9 @@
|
|||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<div class="heart-icon" v-if="isLoved">
|
||||
<div class="svg-icon" :style="{'--url': 'url(./assets/feather/heart-fill.svg)'}"></div>
|
||||
<div class="heart-icon">
|
||||
<div class="heart-unfilled" v-if="isLoved == false" :style="{'--url': 'url(./assets/feather/heart.svg)'}" />
|
||||
<div class="heart-filled" v-if="isLoved == true" :style="{'--url': 'url(./assets/feather/heart-fill.svg)'}" />
|
||||
</div>
|
||||
<div class="explicit-icon" v-if="item.attributes && item.attributes.contentRating == 'explicit'"></div>
|
||||
<template v-if="showMetaData == true" @dblclick="route()">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue