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:
Monochromish 2022-05-02 06:52:07 +10:00
parent 59f0cd7ee2
commit 5ee5eac35a
5 changed files with 38 additions and 11 deletions

View file

@ -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()">