style(consultation): center message

lemredd · Dec 5, 2022 · 77eef41 · 77eef41
1 parent 5f01a32
commit 77eef41
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/components/consultation/empty_chat_window.vue b/components/consultation/empty_chat_window.vue
@@ -1,5 +1,5 @@
 <template>
-	<section class="empty-chat-window right">
+	<section class="empty-chat-window">
 		<h1 v-if="isUserAStudent" class="student">
 			Need help?
 		</h1>
@@ -19,8 +19,11 @@
 .empty-chat-window{
 	display: none;
 
-	@screen sm{
-		@apply flex flex-col;
+	@screen sm {
+		@apply flex flex-col justify-center items-center;
+
+		width: 100%;
+		text-align: center;
 	}
 }
 </style>