fix(front): display multi artist credits in one line in player and in queue
This commit is contained in:
parent
b0d3179f18
commit
f502cd25eb
|
@ -296,6 +296,7 @@ if (!isWebGLSupported) {
|
|||
</template>
|
||||
</h2>
|
||||
<span>
|
||||
<Layout flex gap-8>
|
||||
<template
|
||||
v-for="ac in currentTrack.artistCredit"
|
||||
:key="ac.artist.id"
|
||||
|
@ -320,6 +321,7 @@ if (!isWebGLSupported) {
|
|||
</router-link>
|
||||
<span>{{ ac.joinphrase }}</span>
|
||||
</template>
|
||||
</Layout>
|
||||
</span>
|
||||
<div
|
||||
v-if="currentTrack && errored"
|
||||
|
|
|
@ -15,6 +15,7 @@ import TrackFavoriteIcon from '~/components/favorites/TrackFavoriteIcon.vue'
|
|||
import TrackPlaylistIcon from '~/components/playlists/TrackPlaylistIcon.vue'
|
||||
import PlayerControls from './PlayerControls.vue'
|
||||
import VolumeControl from './VolumeControl.vue'
|
||||
import Layout from '~/components/ui/Layout.vue'
|
||||
import Button from '~/components/ui/Button.vue'
|
||||
|
||||
const {
|
||||
|
@ -230,7 +231,11 @@ const hideArtist = () => {
|
|||
<strong>
|
||||
{{ currentTrack.title }}
|
||||
</strong>
|
||||
<div class="meta">
|
||||
<Layout
|
||||
flex
|
||||
no-gap
|
||||
class="meta"
|
||||
>
|
||||
<div
|
||||
v-for="ac in currentTrack.artistCredit"
|
||||
:key="ac.artist.id"
|
||||
|
@ -242,7 +247,7 @@ const hideArtist = () => {
|
|||
<span class="middle slash symbol" />
|
||||
{{ currentTrack.albumTitle ?? t('components.audio.Player.meta.unknownAlbum') }}
|
||||
</template>
|
||||
</div>
|
||||
</Layout>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
|
|
Loading…
Reference in New Issue