Browse Source

fix(Station page): footer works correctly on mobile

Signed-off-by: Jonathan <theflametrooper@gmail.com>
Jonathan 4 years ago
parent
commit
6d550e9fe0

+ 6 - 3
frontend/src/pages/Station/components/Sidebar/Queue/index.vue

@@ -154,15 +154,18 @@ export default {
 		}
 	}
 
+	button {
+		width: 100%;
+		height: 40px;
+		border-radius: 5px;
+	}
+
 	#queue-locked {
 		display: flex;
 		justify-content: center;
 	}
 
 	#add-song-to-queue {
-		width: 100%;
-		height: 40px;
-		border-radius: 5px;
 		background-color: rgba(3, 169, 244, 1);
 		color: $white !important;
 		border: 0;

+ 3 - 1
frontend/src/pages/Station/index.vue

@@ -1511,6 +1511,7 @@ export default {
 	@media (max-width: 1040px) {
 		padding: 0;
 		margin-top: 0 !important;
+		height: auto !important;
 
 		#station-inner-container {
 			justify-content: flex-start !important;
@@ -1558,7 +1559,7 @@ export default {
 
 		/** Change height of YouTube embed  */
 		.player-container:not(.nothing-here) {
-			height: 450px !important;
+			height: 800px !important;
 		}
 
 		.player-container {
@@ -1921,6 +1922,7 @@ export default {
 			#sidebar-container {
 				position: relative;
 				width: 550px;
+				height: inherit;
 				margin-left: 50px;
 			}
 		}