owntone-server/web-src/src/components/SpotifyListItemPlaylist.vue
Alain Nussbaumer efe5f24049 [web] Fix vertical alignment of items presented in lists
Items presented in lists are not vertically centered.
2023-07-01 09:09:16 +02:00

29 lines
620 B
Vue

<template>
<div class="media is-align-items-center">
<div class="media-content is-clickable is-clipped" @click="open_playlist">
<h1 class="title is-6" v-text="playlist.name" />
<h2 class="subtitle is-7" v-text="playlist.owner.display_name" />
</div>
<div class="media-right">
<slot name="actions" />
</div>
</div>
</template>
<script>
export default {
name: 'SpotifyListItemPlaylist',
props: ['playlist'],
methods: {
open_playlist() {
this.$router.push({
path: '/music/spotify/playlists/' + this.playlist.id
})
}
}
}
</script>
<style></style>