From 43b577918c193dd5594c861346df1e8e78c0c964 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 13 May 2024 11:45:03 +0530
Subject: [PATCH] fix: made detail right sidebar resizable

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

diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index 8c07db3c..ec9f20a9 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -45,7 +45,7 @@
         v-model="deal"
       />
     </Tabs>
-    <div class="flex w-[352px] flex-col justify-between border-l">
+    <Resizer side="right" class="flex flex-col justify-between border-l">
       <div
         class="flex h-10.5 cursor-copy items-center border-b px-5 py-2.5 text-lg font-medium"
         @click="copyToClipboard(deal.data.name)"
@@ -256,7 +256,7 @@
           </div>
         </div>
       </div>
-    </div>
+    </Resizer>
   </div>
   <OrganizationModal
     v-model="showOrganizationModal"
@@ -285,6 +285,7 @@
   />
 </template>
 <script setup>
+import Resizer from '@/components/Resizer.vue'
 import LoadingIndicator from '@/components/Icons/LoadingIndicator.vue'
 import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
 import EmailIcon from '@/components/Icons/EmailIcon.vue'
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 3bc3e465..4247ac68 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -50,7 +50,7 @@
         v-model="lead"
       />
     </Tabs>
-    <div class="flex w-[352px] flex-col justify-between border-l">
+    <Resizer class="flex flex-col justify-between border-l" side="right">
       <div
         class="flex h-10.5 cursor-copy items-center border-b px-5 py-2.5 text-lg font-medium"
         @click="copyToClipboard(lead.data.name)"
@@ -181,7 +181,7 @@
           </div>
         </div>
       </div>
-    </div>
+    </Resizer>
   </div>
   <AssignmentModal
     v-if="lead.data"
@@ -257,6 +257,7 @@
   </Dialog>
 </template>
 <script setup>
+import Resizer from '@/components/Resizer.vue'
 import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
 import EmailIcon from '@/components/Icons/EmailIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'