storm/bragi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use bootstrap styling for the slider, center it vertically; move slider between the two volume buttons

Browse Source
This commit is contained in:
Daniel Gunzinger
2020-04-16 23:31:08 +02:00
parent 9e1f2d605d
commit b9fd17677b
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/index.html
View File

@ -68,15 +68,17 @@
onclick="request('post', {action : 'volume_down'})">
<i class="fa fa-volume-down" aria-hidden="true"></i>
</button>
<input type="range" class="custom-range" id="volume-slider"
min="0" max="100" step="1" value="50"
onchange="request('post', {action : 'volume_set_value', new_volume : this.value})">
</input>
<button type="button" class="btn btn-warning btn-space"
onclick="request('post', {action : 'volume_up'})">
<i class="fa fa-volume-up" aria-hidden="true"></i>
</button>
<input id="volume-slider" type="range"
min="0" max="100" step="1" value="50"
onchange="request('post', {action : 'volume_set_value', new_volume : this.value})">
</input>
</div>
<table class="table">