From b6432b0b6b2b3cfee2802cef82a683665ce1523a Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 13 May 2024 10:19:53 +0530
Subject: [PATCH] chore: reduced icon size

---
 frontend/src/pages/Deal.vue | 4 ++--
 frontend/src/pages/Lead.vue | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index 9d3c5df5..902cd404 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -54,10 +54,10 @@
       </div>
       <div class="flex items-center justify-start gap-5 border-b p-5">
         <Tooltip :text="__('Organization logo')">
-          <div class="group relative h-[88px] w-[88px]">
+          <div class="group relative size-12">
             <Avatar
               size="3xl"
-              class="h-[88px] w-[88px]"
+              class="size-12"
               :label="organization?.name"
               :image="organization?.organization_logo"
             />
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index e94e4c2f..45c51155 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -63,10 +63,10 @@
       >
         <template #default="{ openFileSelector, error }">
           <div class="flex items-center justify-start gap-5 border-b p-5">
-            <div class="group relative h-[88px] w-[88px]">
+            <div class="group relative size-12">
               <Avatar
                 size="3xl"
-                class="h-[88px] w-[88px]"
+                class="size-12"
                 :label="lead.data.first_name"
                 :image="lead.data.image"
               />
@@ -95,13 +95,13 @@
                 class="!absolute bottom-0 left-0 right-0"
               >
                 <div
-                  class="z-1 absolute bottom-0 left-0 right-0 flex h-13 cursor-pointer items-center justify-center rounded-b-full bg-black bg-opacity-40 pt-3 opacity-0 duration-300 ease-in-out group-hover:opacity-100"
+                  class="z-1 absolute bottom-0 left-0 right-0 flex h-9 cursor-pointer items-center justify-center rounded-b-full bg-black bg-opacity-40 pt-3 opacity-0 duration-300 ease-in-out group-hover:opacity-100"
                   style="
                     -webkit-clip-path: inset(12px 0 0 0);
                     clip-path: inset(12px 0 0 0);
                   "
                 >
-                  <CameraIcon class="h-6 w-6 cursor-pointer text-white" />
+                  <CameraIcon class="size-4 cursor-pointer text-white" />
                 </div>
               </component>
             </div>