MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-01-14 08:15:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Align the presentation of list of tracks

Browse Source 
Makes the list of Spotify tracks ressemble the standard list of tracks.
This commit is contained in:
Alain Nussbaumer 2023-06-07 15:06:02 +02:00
parent a38da31d17
commit 931c7477c3
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web-src/src/components/SpotifyListItemTrack.vue
View File

@ -3,19 +3,18 @@
<div class="media-content fd-has-action is-clipped" @click="play"> <div class="media-content fd-has-action is-clipped" @click="play">
<h1 <h1
class="title is-6" class="title is-6"
:class="{ 'has-text-grey-light': track.is_playable === false }" :class="{ 'has-text-grey-light': !track.is_playable }"
v-text="track.name" v-text="track.name"
/> />
<h2 <h2
class="subtitle is-7" class="subtitle is-7"
:class="{ :class="{
'has-text-grey': track.is_playable, 'has-text-grey': track.is_playable,
'has-text-grey-light': track.is_playable === false 'has-text-grey-light': !track.is_playable
}" }"
> v-text="track.artists[0].name"
<b v-text="track.artists[0].name" /> />
</h2> <h2 v-if="!track.is_playable" class="subtitle is-7">
<h2 v-if="track.is_playable === false" class="subtitle is-7">
(<span v-text="$t('list.spotify.not-playable-track')" /> (<span v-text="$t('list.spotify.not-playable-track')" />
<span <span
v-if="track.restrictions && track.restrictions.reason" v-if="track.restrictions && track.restrictions.reason"