test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: show avatar with name if there is only one avatar in list

Browse Source
This commit is contained in:
Shariq Ansari 2023-12-27 17:49:00 +05:30
parent 2a51773225
commit 929fd98f13
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/components/MultipleAvatar.vue
View File

@ -1,9 +1,24 @@
<template> <template>
<div <div
v-if="avatars?.length" v-if="avatars?.length"
class="mr-1.5 flex cursor-pointer flex-row-reverse items-center" class="mr-1.5 flex cursor-pointer items-center"
:class="[avatars?.length > 1 ? 'flex-row-reverse' : 'truncate [&>div]:truncate']"
> >
<Tooltip <Tooltip
v-if="avatars?.length == 1"
:text="avatars[0].name"
class="flex items-center gap-2 text-base"
>
<Avatar
shape="circle"
:image="avatars[0].image"
:label="avatars[0].label"
size="md"
/>
<div class="truncate">{{ avatars[0].label }}</div>
</Tooltip>
<Tooltip
v-else
:text="avatar.name" :text="avatar.name"
v-for="avatar in reverseAvatars" v-for="avatar in reverseAvatars"
:key="avatar.name" :key="avatar.name"