fix: multi avatar size

This commit is contained in:
Shariq Ansari 2024-01-15 18:57:23 +05:30
parent 38ec216227
commit 2213a141e3
3 changed files with 8 additions and 4 deletions

View File

@ -19,7 +19,7 @@
:row="row"
>
<div v-if="column.key === '_assign'" class="flex items-center">
<MultipleAvatar :avatars="item" />
<MultipleAvatar :avatars="item" size="sm" />
</div>
<ListRowItem v-else :item="item">
<template #prefix>

View File

@ -19,7 +19,7 @@
:row="row"
>
<div v-if="column.key === '_assign'" class="flex items-center">
<MultipleAvatar :avatars="item" />
<MultipleAvatar :avatars="item" size="sm" />
</div>
<ListRowItem v-else :item="item">
<template #prefix>

View File

@ -13,7 +13,7 @@
shape="circle"
:image="avatars[0].image"
:label="avatars[0].label"
size="md"
size="sm"
/>
<div class="truncate">{{ avatars[0].label }}</div>
</Tooltip>
@ -28,7 +28,7 @@
shape="circle"
:image="avatar.image"
:label="avatar.label"
size="md"
:size="size"
/>
</Tooltip>
</div>
@ -42,6 +42,10 @@ const props = defineProps({
type: Array,
default: [],
},
size: {
type: String,
default: 'md',
},
})
const reverseAvatars = computed(() => props.avatars.reverse())
</script>