fix channel/direct overflow problem

super3 · Feb 4, 2019 · 0cb5527 · 0cb5527
1 parent 7e5e4b9
commit 0cb5527
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Channel.vue b/src/components/Channel.vue
@@ -52,7 +52,9 @@
             </div>
         </div>
         <!-- Chat messages -->
-        <div v-on:scroll="scroll" class="px-6 py-4 flex-1 overflow-y-scroll" ref="chat">
+        <div v-on:scroll="scroll" class="px-6 py-4 flex-1 overflow-y-scroll" ref="chat" style="
+    height: 85vh !important;
+">
 			<div v-for="message in channel.messages">
 				<Message v-bind:message="message"></Message>
 			</div>

diff --git a/src/components/Direct.vue b/src/components/Direct.vue
@@ -26,7 +26,9 @@
             </div>
         </div>
         <!-- Chat messages -->
-        <div v-on:scroll="scroll" class="px-6 py-4 flex-1 overflow-y-scroll" ref="chat">
+        <div v-on:scroll="scroll" class="px-6 py-4 flex-1 overflow-y-scroll" ref="chat" style="
+    height: 85vh !important;
+">
 			<div v-for="message in direct.messages">
 				<Message v-bind:message="message"></Message>
 			</div>