test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: truncate lead name, deal name

Browse Source
This commit is contained in:
Shariq Ansari 2023-09-25 11:50:33 +05:30
parent ef43810298
commit e1fdbfb284
2 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/pages/Deal.vue
View File

@ -35,8 +35,8 @@
</Dropdown>
</template>
</LayoutHeader>
<div class="flex h-full overflow-hidden">
<TabGroup v-slot="{ selectedIndex }" v-if="deal.data" @change="onTabChange">
<div v-if="deal.data" class="flex h-full overflow-hidden">
<TabGroup v-slot="{ selectedIndex }" @change="onTabChange">
<div class="flex flex-col flex-1">
<TabList class="flex items-center gap-6 border-b pl-5 relative">
<Tab
@ -132,10 +132,12 @@
</div>
</Dropdown>
</div>
<div class="flex flex-col gap-2.5">
<div class="font-medium text-2xl">
{{ deal.data.organization_name }}
</div>
<div class="flex flex-col gap-2.5 truncate">
<Tooltip :text="deal.data.organization_name">
<div class="font-medium text-2xl truncate">
{{ deal.data.organization_name }}
</div>
</Tooltip>
<div class="flex gap-1.5">
<Tooltip text="Make a call...">
<Button
@ -465,7 +467,7 @@ const tabs = computed(() => {
label: 'Activity',
icon: ActivityIcon,
content: all_activities(),
activityTitle: 'Activity log',
activityTitle: 'Activity',
},
{
label: 'Emails',

16
frontend/src/pages/Lead.vue
View File

@ -38,8 +38,8 @@
/>
</template>
</LayoutHeader>
<div class="flex h-full overflow-hidden">
<TabGroup v-slot="{ selectedIndex }" v-if="lead.data" @change="onTabChange">
<div v-if="lead.data" class="flex h-full overflow-hidden">
<TabGroup v-slot="{ selectedIndex }" @change="onTabChange">
<div class="flex flex-col flex-1">
<TabList class="flex items-center gap-6 border-b pl-5 relative">
<Tab
@ -133,10 +133,12 @@
</div>
</Dropdown>
</div>
<div class="flex flex-col gap-2.5">
<div class="font-medium text-2xl">
{{ lead.data.lead_name }}
</div>
<div class="flex flex-col gap-2.5 truncate">
<Tooltip :text="lead.data.lead_name">
<div class="font-medium text-2xl truncate">
{{ lead.data.lead_name }}
</div>
</Tooltip>
<div class="flex gap-1.5">
<Tooltip text="Make a call...">
<Button
@ -426,7 +428,7 @@ const tabs = computed(() => {
label: 'Activity',
icon: ActivityIcon,
content: all_activities(),
activityTitle: 'Activity log',
activityTitle: 'Activity',
},
{
label: 'Emails',