KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Style fixes

Browse source
This commit is contained in:
Nithin David 2021-10-01 15:10:32 +05:30
parent 32f89d2147
commit e980c8693a
2 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/javascript/widget/components/ConversationItem.vue
View file

@ -1,17 +1,17 @@
<template> <template>
<div class="item--wrap"> <div class="item--wrap">
<button @click="onItemClick"> <button @click="onItemClick">
<div class="flex items-center space-x-4"> <div class="flex items-center space-x-2">
<div class="h-10 w-10 rounded-full border-2 border-woot-100"> <div class="h-10 w-10 rounded-full border-2 border-woot-100">
<thumbnail <thumbnail
src="https://images.unsplash.com/photo-1519345182560-3f2917c472ef?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" src="https://randomuser.me/api/portraits/women/11.jpg"
size="40px" size="40px"
username="Erin Lindford" username="Erin Lindford"
/> />
</div> </div>
<div class="ml-2 text-left"> <div class="text-left">
<p class="text-sm font-medium text-gray-900">Nithin David</p> <p class="text-sm font-medium text-black-900">Nithin David</p>
<p class="text-sm text-gray-500"> <p class="text-sm text-black-500">
{{ lastMessageContent }} {{ lastMessageContent }}
</p> </p>
</div> </div>

6
app/javascript/widget/views/Conversations.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="home"> <div class="home">
<div class="p-4"> <div class="p-4">
<div class="flex items-center mt-2"> <div class="flex items-center my-2">
<button <button
type="button" type="button"
class="inline-flex items-center px-2 py-2 border-transparent text-sm leading-4 font-medium rounded-md text-black-900 hover:bg-black-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-woot-200" class="inline-flex items-center px-2 py-2 border-transparent text-sm leading-4 font-medium rounded-md text-black-900 hover:bg-black-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-woot-200"
@ -20,7 +20,9 @@
/> />
</svg> </svg>
</button> </button>
<h1 class="text-xl font-semibold ml-1">All conversations</h1> <h1 class="text-xl font-medium ml-1 text-black-900">
All conversations
</h1>
</div> </div>
<conversation-list :conversations="allConversations" /> <conversation-list :conversations="allConversations" />
</div> </div>