scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-11-01 19:48:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix styles in conversation view

Browse Source
This commit is contained in:
Pranav Raj Sreepuram
2019-11-12 10:09:24 +05:30
parent 6d8b6d4769
commit b985085786
2 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/javascript/widget/components/ConversationWrap.vue
View File

@@ -1,12 +1,14 @@
<template>
<section class="conversation-wrap">
<ChatMessage
v-for="message in messages"
:key="message.id"
:message="message"
/>
<div class="conversation--container">
<div class="conversation-wrap">
<ChatMessage
v-for="message in messages"
:key="message.id"
:message="message"
/>
</div>
<branding></branding>
</section>
</div>
</template>
<script>
@@ -39,3 +41,19 @@ export default {
},
};
</script>
<style scoped lang="scss">
@import '~widget/assets/scss/woot.scss';
.conversation--container {
display: flex;
flex-direction: column;
flex: 1;
overflow-y: auto;
}
.conversation-wrap {
flex: 1;
padding: $space-large $space-small $zero $space-small;
}
</style>