From 2213a141e3d8b3dd0632d4c32cfe87ccb5624a53 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 15 Jan 2024 18:57:23 +0530
Subject: [PATCH] fix: multi avatar size

---
 frontend/src/components/ListViews/DealsListView.vue | 2 +-
 frontend/src/components/ListViews/LeadsListView.vue | 2 +-
 frontend/src/components/MultipleAvatar.vue          | 8 ++++++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/ListViews/DealsListView.vue b/frontend/src/components/ListViews/DealsListView.vue
index b939e3e9..b15ef47f 100644
--- a/frontend/src/components/ListViews/DealsListView.vue
+++ b/frontend/src/components/ListViews/DealsListView.vue
@@ -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>
diff --git a/frontend/src/components/ListViews/LeadsListView.vue b/frontend/src/components/ListViews/LeadsListView.vue
index 2372d76a..f897ebb6 100644
--- a/frontend/src/components/ListViews/LeadsListView.vue
+++ b/frontend/src/components/ListViews/LeadsListView.vue
@@ -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>
diff --git a/frontend/src/components/MultipleAvatar.vue b/frontend/src/components/MultipleAvatar.vue
index cf24b432..9cbdd132 100644
--- a/frontend/src/components/MultipleAvatar.vue
+++ b/frontend/src/components/MultipleAvatar.vue
@@ -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>