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

@ -448,6 +448,22 @@
justify-content: center;
}
.heart-unfilled {
background-image: url("assets/feather/heart.svg");
height: 12px;
width: 36px;
filter: contrast(0);
background-repeat: no-repeat;
}
.heart-filled {
background-image: url("assets/feather/heart-fill.svg");
height: 12px;
width: 36px;
filter: contrast(0);
background-repeat: no-repeat;
}
.explicit-icon {
background-image: url("./assets/explicit.svg");
height: 12px;
@ -457,10 +473,7 @@
}
.heart-icon {
position: absolute;
right:0;
filter: contrast(0);
background-repeat: no-repeat;
display: flex
}
/* CSS.gg