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

fix: truncate note footer in activities

Browse Source
This commit is contained in:
Shariq Ansari 2024-03-13 15:48:06 +05:30
parent a9b56457eb
commit 154906e85c
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -81,13 +81,13 @@
v-if="all_activities?.loading" v-if="all_activities?.loading"
class="flex flex-1 flex-col items-center justify-center gap-3 text-xl font-medium text-gray-500" class="flex flex-1 flex-col items-center justify-center gap-3 text-xl font-medium text-gray-500"
> >
<LoadingIndicator class="w-6 h-6" /> <LoadingIndicator class="h-6 w-6" />
<span>Loading...</span> <span>Loading...</span>
</div> </div>
<div v-else-if="activities?.length" class="activities flex-1 overflow-y-auto"> <div v-else-if="activities?.length" class="activities flex-1 overflow-y-auto">
<div <div
v-if="title == 'Notes'" v-if="title == 'Notes'"
class="activity grid grid-cols-3 gap-4 px-10 pb-5" class="activity grid grid-cols-1 gap-4 px-10 pb-5 lg:grid-cols-2 xl:grid-cols-3"
> >
<div <div
v-for="note in activities" v-for="note in activities"
@ -124,14 +124,17 @@
class="flex-1 overflow-hidden" class="flex-1 overflow-hidden"
/> />
<div class="mt-1 flex items-center justify-between gap-2"> <div class="mt-1 flex items-center justify-between gap-2">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2 truncate">
<UserAvatar :user="note.owner" size="xs" /> <UserAvatar :user="note.owner" size="xs" />
<div class="text-sm text-gray-800"> <div
class="truncate text-sm text-gray-800"
:title="getUser(note.owner).full_name"
>
{{ getUser(note.owner).full_name }} {{ getUser(note.owner).full_name }}
</div> </div>
</div> </div>
<Tooltip :text="dateFormat(note.modified, dateTooltipFormat)"> <Tooltip :text="dateFormat(note.modified, dateTooltipFormat)">
<div class="text-sm text-gray-700"> <div class="truncate text-sm text-gray-700">
{{ timeAgo(note.modified) }} {{ timeAgo(note.modified) }}
</div> </div>
</Tooltip> </Tooltip>