jean/airsonic-refix
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

simplify active track indicator

Browse Source
This commit is contained in:
Thomas Amland 2020-07-31 18:43:50 +02:00
parent 6ad7d8d33d
commit 4b2c3e778a
2 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/library/TrackList.vue
View File

@ -18,13 +18,13 @@
<td class="pl-0 pr-0 text-center text-muted" style="min-width: 20px; max-width: 20px;"> <td class="pl-0 pr-0 text-center text-muted" style="min-width: 20px; max-width: 20px;">
<span class="track-status"> <span class="track-status">
<template v-if="item.id === playingTrackId"> <template v-if="item.id === playingTrackId">
<Icon :icon="isPlaying ? 'volume-up-fill' : 'play-fill'"/> <Icon :icon="isPlaying ? 'pause-fill' : 'play-fill'" class="text-primary"/>
</template> </template>
<template v-else>{{ item.track || 1 }}</template> <template v-else>{{ item.track || 1 }}</template>
</span> </span>
<span class="track-status-hover"> <span class="track-status-hover">
<span v-if="item.id === playingTrackId" @click="playPause()"> <span v-if="item.id === playingTrackId" @click="playPause()">
<Icon :icon="isPlaying ? 'pause-fill' : 'play-fill'"/> <Icon :icon="isPlaying ? 'pause-fill' : 'play-fill'" class="text-primary"/>
</span> </span>
<span v-else @click="play(index)"> <span v-else @click="play(index)">
<Icon icon="play-fill"/> <Icon icon="play-fill"/>

2
src/shared/components/Icon.vue
View File

@ -10,7 +10,6 @@
BIconStarFill, BIconStarFill,
BIconCollectionFill, BIconCollectionFill,
BIconList, BIconList,
BIconVolumeUpFill,
BIconPlayFill, BIconPlayFill,
BIconPauseFill, BIconPauseFill,
BIconSkipStartFill, BIconSkipStartFill,
@ -30,7 +29,6 @@
BIconStarFill, BIconStarFill,
BIconCollectionFill, BIconCollectionFill,
BIconList, BIconList,
BIconVolumeUpFill,
BIconPlayFill, BIconPlayFill,
BIconPauseFill, BIconPauseFill,
BIconSkipStartFill, BIconSkipStartFill,