volume can now be adjusted with mousewheel
This commit is contained in:
parent
affc39e3fb
commit
6370cb4263
2 changed files with 8 additions and 1 deletions
|
@ -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();
|
||||||
|
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue