client: fix controls alignment and fix controls making site unusable …

…on mobile (#1553)
dyc3 · Mar 22, 2024 · 41c4ade · 41c4ade
1 parent 9d2bf70
commit 41c4ade
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/client/src/components/controls/VideoControls.vue b/client/src/components/controls/VideoControls.vue
@@ -8,7 +8,7 @@
 		}"
 	>
 		<VideoProgressSlider :current-position="sliderPosition" />
-		<v-row no-gutters>
+		<v-row no-gutters class="controls-row2">
 			<BasicControls :current-position="truePosition" />
 			<!-- eslint-disable-next-line vue/no-v-model-argument -->
 			<VolumeControl />
@@ -123,7 +123,8 @@ $media-control-background: var(--v-theme-media-control-background, (0, 0, 0));
 }
 
 .video-controls {
-	height: $video-controls-height;
+	flex-basis: auto;
+	min-height: $video-controls-height;
 	transition: all 0.2s;
 	z-index: 100;
 
@@ -157,5 +158,9 @@ $media-control-background: var(--v-theme-media-control-background, (0, 0, 0));
 			height: 0;
 		}
 	}
+
+	.controls-row2 {
+		align-items: center;
+	}
 }
 </style>