fix volume mousewheel bounds

This commit is contained in:
vapormusic 2022-01-05 16:37:36 +07:00
parent 4ccc389fa3
commit 8ecd174a11
2 changed files with 7 additions and 3 deletions

View file

@ -2590,11 +2590,15 @@ const app = new Vue({
volumeWheel(event) { volumeWheel(event) {
if (event.deltaY < 0) { if (event.deltaY < 0) {
if(this.mk.volume < 1){ if(this.mk.volume < 1){
this.mk.volume += 0.1 if (this.mk.volume <= 0.9) {
this.mk.volume += 0.1
} else { this.mk.volume = 1 }
} }
} else if (event.deltaY > 0) { } else if (event.deltaY > 0) {
if(this.mk.volume > 0){ if(this.mk.volume > 0){
if (this.mk.volume >= 0.1){
this.mk.volume -= 0.1 this.mk.volume -= 0.1
} else {this.mk.volume = 0}
} }
} }
}, },

View file

@ -230,7 +230,7 @@
</transition> </transition>
<div class="app-sidebar-footer"> <div class="app-sidebar-footer">
<input type="range" class="web-slider display--small" step="0.01" min="0" max="1" <input type="range" class="web-slider display--small" step="0.01" min="0" max="1"
v-model="mk.volume" v-model="mk.volume" @wheel="volumeWheel"
v-if="typeof mk.volume != 'undefined'"> v-if="typeof mk.volume != 'undefined'">
<button class="app-sidebar-button" style="width:100%" <button class="app-sidebar-button" style="width:100%"
:class="{active: chrome.menuOpened}" :class="{active: chrome.menuOpened}"