mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-10-30 18:47:51 +00:00 
			
		
		
		
	 16fe912fbd
			
		
	
	16fe912fbd
	
	
	
		
			
			Co-authored-by: Nithin David Thomas <webofnithin@gmail.com> Co-authored-by: Sojan Jose <sojan@pepalo.com>
		
			
				
	
	
		
			34 lines
		
	
	
		
			633 B
		
	
	
	
		
			Vue
		
	
	
		
			Executable File
		
	
	
	
	
			
		
		
	
	
			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>
 |