fix: only section header text/icon clickable

This commit is contained in:
Shariq Ansari 2023-08-03 19:22:07 +05:30
parent d3a2d8faba
commit d39ce62d6a

View File

@ -86,14 +86,14 @@
> >
<Toggler :is-opened="section.opened" v-slot="{ opened, toggle }"> <Toggler :is-opened="section.opened" v-slot="{ opened, toggle }">
<div <div
class="flex items-center gap-1 text-base font-semibold leading-5 px-3 cursor-pointer" class="flex items-center gap-1 text-base font-semibold leading-5 pr-3 cursor-pointer max-w-fit"
@click="toggle()" @click="toggle()"
> >
{{ section.label }}
<FeatherIcon <FeatherIcon
:name="opened ? 'chevron-up' : 'chevron-down'" :name="opened ? 'chevron-up' : 'chevron-down'"
class="h-4 text-gray-600" class="h-4 text-gray-600"
/> />
{{ section.label }}
</div> </div>
<transition <transition
enter-active-class="duration-300 ease-in" enter-active-class="duration-300 ease-in"
@ -268,7 +268,7 @@ const tabs = computed(() => {
label: 'Activity', label: 'Activity',
icon: ActivityIcon, icon: ActivityIcon,
content: lead.data.activities, content: lead.data.activities,
activityTitle: 'Activity log' activityTitle: 'Activity log',
}, },
{ {
label: 'Emails', label: 'Emails',
@ -276,7 +276,7 @@ const tabs = computed(() => {
content: lead.data.activities.filter( content: lead.data.activities.filter(
(activity) => activity.activity_type === 'communication' (activity) => activity.activity_type === 'communication'
), ),
activityTitle: 'Emails' activityTitle: 'Emails',
}, },
{ {
label: 'Calls', label: 'Calls',
@ -284,7 +284,7 @@ const tabs = computed(() => {
content: lead.data.activities.filter( content: lead.data.activities.filter(
(activity) => activity.activity_type === 'call' (activity) => activity.activity_type === 'call'
), ),
activityTitle: 'Calls' activityTitle: 'Calls',
}, },
{ {
label: 'Tasks', label: 'Tasks',