Adding padding to scroll sections

kafkadev · Jul 24, 2019 · fec5cc1 · fec5cc1
1 parent faeaf38
commit fec5cc1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/ChatArea.vue b/src/components/ChatArea.vue
@@ -56,14 +56,15 @@ export default {
   watch: {
     messages: function(){
       const chatArea = document.getElementsByClassName(this.chatContainer)[0]
-      chatArea.scrollTop = chatArea.scrollHeight
+      chatArea.scrollTop = chatArea.scrollHeight + 100
     }
   }
 };
 </script>
 
 <style lang="scss" scoped>
 .message {
+  padding-bottom: 2rem;
   &__text {
     width: max-content;
     padding: 0px 7px;

diff --git a/src/components/ChatDialog.vue b/src/components/ChatDialog.vue
@@ -206,6 +206,10 @@ button {
     flex-flow: column;
     flex: 1;
     width: 300px;
+
+    .md-dialog-content{
+      padding-bottom: 2rem;
+    }
   }
 
   &__left {