Prechádzať zdrojové kódy

Add volume up and down indicators beside volume slider

theflametrooper 8 rokov pred
rodič
commit
253a3a52a7
1 zmenil súbory, kde vykonal 8 pridanie a 3 odobranie
  1. 8 3
      frontend/components/Station/Station.vue

+ 8 - 3
frontend/components/Station/Station.vue

@@ -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;
 	}