Files
chatwoot/app/javascript/widget/components/ConversationWrap.vue
Pranav Raj S 16fe912fbd [Feature] Website live chat (#187)
Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
Co-authored-by: Sojan Jose <sojan@pepalo.com>
2019-10-29 12:50:54 +05:30

34 lines
633 B
Vue
Executable File

<template>
<section class="conversation">
<ChatMessage
v-for="message in messages"
:key="message.id"
:message="message"
/>
</section>
</template>
<script>
import ChatMessage from 'widget/components/ChatMessage.vue';
export default {
name: 'ConversationWrap',
components: {
ChatMessage,
},
props: {
messages: Object,
},
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
@import '~widget/assets/scss/variables.scss';
.conversation {
height: 100%;
padding: $space-large $space-small $space-large $space-normal;
}
</style>