fix: multi avatar size
This commit is contained in:
parent
38ec216227
commit
2213a141e3
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user