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) { async apiCall(url, callback) {
const xmlHttp = new XMLHttpRequest(); const xmlHttp = new XMLHttpRequest();

View file

@ -116,7 +116,7 @@
<div class="app-chrome--right"> <div class="app-chrome--right">
<div class="app-chrome-item volume display--large"> <div class="app-chrome-item volume display--large">
<div class="app-chrome-item volume-icon"></div> <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'"> v-if="typeof mk.volume != 'undefined'">
</div> </div>
<div class="app-chrome-item generic" v-if="false"> <div class="app-chrome-item generic" v-if="false">