volume can now be adjusted with mousewheel

This commit is contained in:
booploops 2022-01-04 22:56:52 -08:00
parent affc39e3fb
commit 6370cb4263
2 changed files with 8 additions and 1 deletions

View file

@ -2587,6 +2587,13 @@ const app = new Vue({
})
})
},
volumeWheel(event) {
if (event.deltaY < 0) {
this.mk.volume += 0.1;
} else if (event.deltaY > 0) {
this.mk.volume -= 0.1;
}
},
async apiCall(url, callback) {
const xmlHttp = new XMLHttpRequest();

View file

@ -116,7 +116,7 @@
<div class="app-chrome--right">
<div class="app-chrome-item volume display--large">
<div class="app-chrome-item volume-icon"></div>
<input type="range" class="" step="0.01" min="0" max="1" v-model="mk.volume"
<input type="range" class="" @wheel="volumeWheel" step="0.01" min="0" max="1" v-model="mk.volume"
v-if="typeof mk.volume != 'undefined'">
</div>
<div class="app-chrome-item generic" v-if="false">