owntone-server/web-src/src/components/PlayerButtonConsume.vue
Alain Nussbaumer 611c989b91 [web] Fix vertical alignment of all icons with their associated content
All icons, usually next to a text, are now centered vertically.
2023-06-30 21:41:40 +02:00

40 lines
608 B
Vue

<template>
<a :class="{ 'is-info': is_consume }" @click="toggle_consume_mode">
<mdicon
class="icon"
name="fire"
:size="icon_size"
:title="$t('player.button.consume')"
/>
</a>
</template>
<script>
import webapi from '@/webapi'
export default {
name: 'PlayerButtonConsume',
props: {
icon_size: {
type: Number,
default: 16
}
},
computed: {
is_consume() {
return this.$store.state.player.consume
}
},
methods: {
toggle_consume_mode() {
webapi.player_consume(!this.is_consume)
}
}
}
</script>
<style></style>