From 0b6d9ee569335ba63f05e29feedbd2727400ea3c Mon Sep 17 00:00:00 2001
From: Georg Krause <mail@georg-krause.net>
Date: Wed, 8 Sep 2021 14:55:01 +0200
Subject: [PATCH] Adjust volume slider to have 100 steps
---
front/src/components/audio/VolumeControl.vue | 7 ++++---
1 file changed, 4 insertions(+), 3 deletions(-)
diff --git a/front/src/components/audio/VolumeControl.vue b/front/src/components/audio/VolumeControl.vue
index 5023675dd..06110a4e2 100644
--- a/front/src/components/audio/VolumeControl.vue
+++ b/front/src/components/audio/VolumeControl.vue
@@ -31,7 +31,7 @@
type="range"
step="any"
min="0"
- max="1"
+ v-bind:max="volumeSteps"
v-model="sliderVolume" />
</div>
</button>
@@ -44,15 +44,16 @@ export default {
return {
expanded: false,
timeout: null,
+ volumeSteps: 100,
}
},
computed: {
sliderVolume: {
get () {
- return this.$store.state.player.volume
+ return this.$store.state.player.volume * this.volumeSteps;
},
set (v) {
- this.$store.commit("player/volume", v)
+ this.$store.commit("player/volume", v / this.volumeSteps)
}
},
labels () {
--
GitLab