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" :row="row"
> >
<div v-if="column.key === '_assign'" class="flex items-center"> <div v-if="column.key === '_assign'" class="flex items-center">
<MultipleAvatar :avatars="item" /> <MultipleAvatar :avatars="item" size="sm" />
</div> </div>
<ListRowItem v-else :item="item"> <ListRowItem v-else :item="item">
<template #prefix> <template #prefix>

View File

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

View File

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