test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: minor UI fixes

Browse Source
This commit is contained in:
Shariq Ansari 2023-08-17 16:46:34 +05:30
parent c614a90e16
commit 4f4c156ba4
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/Activities.vue
View File

@ -6,11 +6,8 @@
<div v-for="(activity, i) in activities"> <div v-for="(activity, i) in activities">
<div class="grid grid-cols-[30px_minmax(auto,_1fr)] gap-4 px-5"> <div class="grid grid-cols-[30px_minmax(auto,_1fr)] gap-4 px-5">
<div <div
class="relative flex justify-center" class="relative flex justify-center after:absolute after:border-l after:border-gray-300 after:top-0 after:left-[50%] after:-z-10"
:class="{ :class="i != activities.length - 1 ? 'after:h-full' : 'after:h-4'"
'after:absolute after:border-l after:border-gray-300 after:top-0 after:left-[50%] after:h-full after:-z-10':
i != activities.length - 1,
}"
> >
<div <div
class="flex items-center justify-center rounded-full outline outline-4 outline-white w-6 h-6 bg-gray-200 z-10" class="flex items-center justify-center rounded-full outline outline-4 outline-white w-6 h-6 bg-gray-200 z-10"
@ -39,7 +36,11 @@
</Tooltip> </Tooltip>
</div> </div>
<div> <div>
<Button variant="ghost" icon="more-horizontal" class="text-gray-600" /> <Button
variant="ghost"
icon="more-horizontal"
class="text-gray-600"
/>
</div> </div>
</div> </div>
<div class="px-1" v-html="activity.data.content" /> <div class="px-1" v-html="activity.data.content" />