diff --git a/front/src/components/library/TrackDetail.vue b/front/src/components/library/TrackDetail.vue index fa54f446074e9d45b53b9bae034301671b6ab1f9..3d54a53a7a7fea4cb43e67f89b361200c5a5bcd5 100644 --- a/front/src/components/library/TrackDetail.vue +++ b/front/src/components/library/TrackDetail.vue @@ -5,6 +5,8 @@ <div class="ui stackable grid row container"> <div class="six wide column"> <template v-if="upload"> + <img alt="Cover Image" class="ui fluid image track-cover-image" v-if="track.cover && track.cover.urls.large_square_crop" v-lazy="$store.getters['instance/absoluteUrl'](track.cover.urls.large_square_crop)"> + <img alt="Cover Image" class="ui fluid image track-cover-image" v-else-if="track.album.cover && track.album.cover.urls.large_square_crop" v-lazy="$store.getters['instance/absoluteUrl'](track.album.cover.urls.large_square_crop)"> <h3 class="ui header"> <translate key="1" v-if="track.artist.content_category === 'music'" translate-context="Content/*/*">Track Details</translate> <translate key="2" v-else translate-context="Content/*/*">Episode Details</translate>