diff --git a/front/src/components/Queue.vue b/front/src/components/Queue.vue index 59971c21e5f968b034e9d4391569393b9630119b..5b85b28807dd91a54ac6afffa8524e07175b0b18 100644 --- a/front/src/components/Queue.vue +++ b/front/src/components/Queue.vue @@ -15,10 +15,10 @@ {{ currentTrack.title }} </router-link> <div class="sub header ellipsis"> - <router-link class="discrete link artist" :to="{name: 'library.artists.detail', params: {id: currentTrack.artist.id }}"> - {{ currentTrack.artist.name }}</router-link> <template v-if="currentTrack.album">/<router-link class="discrete link album" :to="{name: 'library.albums.detail', params: {id: currentTrack.album.id }}"> - {{ currentTrack.album.title }} - </router-link></template> + <router-link class="discrete link artist" :to="{name: 'library.artists.detail', params: {id: currentTrack.artist.id }}">{{ currentTrack.artist.name }}</router-link> + <template v-if="currentTrack.album"> / + <router-link class="discrete link album" :to="{name: 'library.albums.detail', params: {id: currentTrack.album.id }}">{{ currentTrack.album.title }}</router-link> + </template> </div> </div> </h1> @@ -128,7 +128,12 @@ <h2 class="ui header"> <div class="content"> <button - class="ui right floated basic icon button" + class="ui right floated basic button" + @click="$store.commit('ui/queueFocused', null)"> + <translate translate-context="*/Queue/*/Verb">Close</translate> + </button> + <button + class="ui right floated basic button danger" @click="$store.dispatch('queue/clean')"> <translate translate-context="*/Queue/*/Verb">Clear</translate> </button> diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue index 8b9c13d17d81e6dd07bb2b20e77e418454c01856..e8bbb8dd812f35d45c4d4949aa0a93f27c6ddcc6 100644 --- a/front/src/components/audio/Player.vue +++ b/front/src/components/audio/Player.vue @@ -24,10 +24,10 @@ </router-link> </strong> <div class="meta"> - <router-link @click.stop.prevent="" class="discrete link" :to="{name: 'library.artists.detail', params: {id: currentTrack.artist.id }}"> - {{ currentTrack.artist.name }}</router-link><template v-if="currentTrack.album"> /<router-link @click.stop.prevent="" class="discrete link" :to="{name: 'library.albums.detail', params: {id: currentTrack.album.id }}"> - {{ currentTrack.album.title }} - </router-link></template> + <router-link @click.stop.prevent="" class="discrete link" :to="{name: 'library.artists.detail', params: {id: currentTrack.artist.id }}">{{ currentTrack.artist.name }}</router-link> + <template v-if="currentTrack.album"> / + <router-link @click.stop.prevent="" class="discrete link" :to="{name: 'library.albums.detail', params: {id: currentTrack.album.id }}">{{ currentTrack.album.title }}</router-link> + </template> </div> </div> </div>