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

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

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