Remove useless stop
This commit is contained in:
parent
c2d582bdf3
commit
7af1548624
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user