From 8819d7f290e0b5f1a63b16ac5e8f56850acd7b55 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 27 Nov 2023 13:51:04 +0530
Subject: [PATCH] fix: truncate contact name in deal contacts section

---
 frontend/src/pages/Deal.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index c4a027a4..b4acecf4 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -155,7 +155,7 @@
                           class="flex cursor-pointer items-center justify-between gap-2 pr-1 text-base leading-5 text-gray-700"
                         >
                           <div
-                            class="flex h-7 items-center gap-2"
+                            class="flex h-7 items-center gap-2 truncate"
                             @click="toggle()"
                           >
                             <Avatar
@@ -163,7 +163,7 @@
                               :image="getContactByName(contact.name).image"
                               size="md"
                             />
-                            {{ getContactByName(contact.name).full_name }}
+                            <div class="truncate">{{ getContactByName(contact.name).full_name }}</div>
                             <Badge
                               v-if="contact.is_primary"
                               class="ml-2"