fix display favorite star

This commit is contained in:
Jonas Heinrich 2020-11-08 09:06:21 +01:00
parent c0041d3dce
commit 347ca25c1d

View File

@ -20,9 +20,8 @@
width="32"
height="32"
:hash="station.blurHash"
:src="station.favicon">
:src="station.favicon" />
<span :class="{ 'icon-starred': stationsFavored.includes(idx) }" />
</blur-hash-image>
</td>
<td class="nameColumn" @click="doPlay(idx, station)">
<span class="innernametext">
@ -62,7 +61,7 @@ export default {
},
data: () => ({
activeItem: null,
stationsFavored: [1, 2],
stationsFavored: [1, 2, 3, 4],
}),
methods: {
doPlay(idx, station) {
@ -158,13 +157,12 @@ table {
.stationIcon {
cursor: pointer;
pointer-events: none;
}
.icon-starred {
background-image: var(--icon-star-dark-fc0);
vertical-align: middle;
background-size: 16px 16px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
min-width: 16px;
@ -172,7 +170,8 @@ table {
cursor: pointer;
pointer-events: none;
right: -7px;
top: -7px;
top: -38px;
margin-bottom: -38px;
float: right;
position: relative;
}