Use nicer colors
This commit is contained in:
parent
3d518e5b64
commit
096ee92408
|
@ -54,8 +54,8 @@ defineEmits<Emits>()
|
||||||
</div>
|
</div>
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<i
|
<i
|
||||||
:class="$store.getters['favorites/isFavorite'](source.track.id) ? 'pink' : 'grey'"
|
:class="$store.getters['favorites/isFavorite'](source.track.id) ? 'pink' : ''"
|
||||||
class="heart icon ui favorite-icon"
|
class="heart icon"
|
||||||
@click.stop="$store.dispatch('favorites/toggle', source.track.id)"
|
@click.stop="$store.dispatch('favorites/toggle', source.track.id)"
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
|
|
|
@ -321,6 +321,10 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 0 0.875rem;
|
padding: 0 0.875rem;
|
||||||
|
|
||||||
|
.heart:not(.pink) {
|
||||||
|
color: rgba(0, 0, 0, 0.2)
|
||||||
|
}
|
||||||
|
|
||||||
.handle > .grip {
|
.handle > .grip {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue