|
@@ -40,8 +40,10 @@
|
|
|
<h4 class="thin" style="margin-left: 0">{{currentSong.artists}}</h4>
|
|
|
<div class="columns is-mobile">
|
|
|
<form style="margin-top: 12px; margin-bottom: 0;" action="#" class="column is-7-desktop is-4-mobile">
|
|
|
- <p style="margin-top: 0; position: relative;">
|
|
|
+ <p style="margin-top: 0; position: relative; display: flex;">
|
|
|
+ <i class="material-icons">volume_down</i>
|
|
|
<input type="range" id="volumeSlider" min="0" max="100" class="active" v-on:change="changeVolume()" v-on:input="changeVolume()">
|
|
|
+ <i class="material-icons">volume_up</i>
|
|
|
</p>
|
|
|
</form>
|
|
|
<div class="column is-8-mobile is-5-desktop" style="float: right;">
|
|
@@ -319,8 +321,6 @@
|
|
|
if (data.status === 'success') _this.queue = data.queue;
|
|
|
});
|
|
|
}
|
|
|
- } else {
|
|
|
- //TODO Handle error
|
|
|
}
|
|
|
});
|
|
|
}
|
|
@@ -465,6 +465,11 @@
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
+ #volumeSlider {
|
|
|
+ padding: 0 15px;
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
.stationDisplayName {
|
|
|
color: white !important;
|
|
|
}
|