style(chat): flex a controls container

lemredd · Nov 25, 2022 · f52f94a · f52f94a
1 parent 97b46e2
commit f52f94a
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 21 deletions.
diff --git a/components/consultation/chat_window/user_controller.vue b/components/consultation/chat_window/user_controller.vue
@@ -56,31 +56,35 @@
 <style scoped lang="scss">
 	@import "@styles/btn.scss";
 	.user-controls {
-		@apply border-t p-3 flex;
+		@apply border-t p-3 flex items-center;
+
+		.will-not-start{
+			@apply text-sm opacity-50;
+		}
+
+		.left-controls {
+			@apply flex;
+		}
 
 		.suspense-container {
 			width: 100%;
 
 			.loaded-container {
 				@apply flex;
-			}
-		}
-	}
 
-	.will-not-start{
-		@apply text-sm opacity-50;
-	}
-
-	.message-box {
-		@apply flex-1 mx-2 border-0;
-		height: max-content;
-		input {
-			@apply bg-transparent border-b px-2;
-			width: 100%;
-
-			&:focus {
-				@apply border-b-gray-500;
-				outline: none;
+				.message-box {
+					@apply flex-1 mx-2 border-0;
+					height: max-content;
+					input {
+						@apply bg-transparent border-b px-2;
+						width: 100%;
+
+						&:focus {
+							@apply border-b-gray-500;
+							outline: none;
+						}
+					}
+				}
 			}
 		}
 	}

diff --git a/components/helpers/suspensible.vue b/components/helpers/suspensible.vue
@@ -12,9 +12,6 @@
 	</div>
 </template>
 
-<style scoped>
-</style>
-
 <script setup lang="ts">
 import progressBar from "@/helpers/progress_bar.vue"