MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2024-12-26 23:25:56 -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">
<h1
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"
/>
<h2
class="subtitle is-7"
:class="{
'has-text-grey': track.is_playable,
'has-text-grey-light': track.is_playable === false
'has-text-grey-light': !track.is_playable
}"
>
<b v-text="track.artists[0].name" />
</h2>
<h2 v-if="track.is_playable === false" class="subtitle is-7">
v-text="track.artists[0].name"
/>
<h2 v-if="!track.is_playable" class="subtitle is-7">
(<span v-text="$t('list.spotify.not-playable-track')" />
<span
v-if="track.restrictions && track.restrictions.reason"