Remove useless stop
All checks were successful
repod / xml (push) Successful in 14s
repod / php (push) Successful in 51s
repod / nodejs (push) Successful in 1m47s

This commit is contained in:
Michel Roux 2024-01-09 22:36:36 +01:00
parent c2d582bdf3
commit 7af1548624

View File

@ -1,30 +1,25 @@
<template> <template>
<div class="controls"> <div class="controls">
<PauseButton v-if="!player.paused" <PauseButton v-if="!player.paused"
class="pointer pause" class="pointer"
:size="50" :size="50"
@click="$store.dispatch('player/pause')" /> @click="$store.dispatch('player/pause')" />
<PlayButton v-if="player.paused" <PlayButton v-if="player.paused"
class="pointer play" class="pointer"
:size="50" :size="50"
@click="$store.dispatch('player/play')" /> @click="$store.dispatch('player/play')" />
<StopButton class="pointer stop"
:size="30"
@click="$store.dispatch('player/stop')" />
</div> </div>
</template> </template>
<script> <script>
import PauseButton from 'vue-material-design-icons/Pause.vue' import PauseButton from 'vue-material-design-icons/Pause.vue'
import PlayButton from 'vue-material-design-icons/Play.vue' import PlayButton from 'vue-material-design-icons/Play.vue'
import StopButton from 'vue-material-design-icons/Stop.vue'
export default { export default {
name: 'Controls', name: 'Controls',
components: { components: {
PauseButton, PauseButton,
PlayButton, PlayButton,
StopButton,
}, },
computed: { computed: {
player() { player() {
@ -42,10 +37,4 @@ export default {
.pointer { .pointer {
cursor: pointer; cursor: pointer;
} }
@media only screen and (max-width: 768px) {
.stop {
display: none;
}
}
</style> </style>