akadmin/chatwoot
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore: Minor fix

Browse Source
This commit is contained in:
iamsivin
2024-11-20 20:31:07 +05:30
parent b9cb4cc65e
commit 6f4b37a6cd
2 changed files with 41 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/dashboard/components-next/Contacts/ContactsCard/ContactsCard.vue
+38 -44
View File
@@ -63,55 +63,49 @@ const onClickViewDetails = async () => {
<template>
<CardLayout :key="id" layout="row">
<template #header>
<div class="flex items-center justify-between gap-4">
<Avatar :name="name" :src="thumbnail" :size="48" rounded-full />
<div class="flex flex-col gap-1">
<div class="flex items-center gap-2">
<span class="text-sm font-medium truncate text-n-slate-12">{{
name
<div class="flex items-center justify-between gap-4">
<Avatar :name="name" :src="thumbnail" :size="48" rounded-full />
<div class="flex flex-col gap-1">
<div class="flex items-center gap-2">
<span class="text-sm font-medium truncate text-n-slate-12">{{
name
}}</span>
<template v-if="additionalAttributes?.companyName">
<span class="text-sm text-n-slate-11">{{
t('CONTACTS_LAYOUT.CARD.OF')
}}</span>
<template v-if="additionalAttributes?.companyName">
<span class="text-sm text-n-slate-11">{{
t('CONTACTS_LAYOUT.CARD.OF')
}}</span>
<span class="text-sm font-medium truncate text-n-slate-12">
{{ additionalAttributes.companyName }}
</span>
</template>
</div>
<div class="flex items-center gap-3">
<span v-if="email" class="text-sm text-n-slate-11">{{
email
}}</span>
<div v-if="email" class="w-px h-3 bg-n-slate-6" />
<span v-if="phoneNumber" class="text-sm text-n-slate-11">{{
phoneNumber
}}</span>
<div v-if="phoneNumber" class="w-px h-3 bg-n-slate-6" />
<Button
:label="t('CONTACTS_LAYOUT.CARD.VIEW_DETAILS')"
variant="link"
size="xs"
@click="onClickViewDetails"
/>
</div>
<span class="text-sm font-medium truncate text-n-slate-12">
{{ additionalAttributes.companyName }}
</span>
</template>
</div>
<div class="flex items-center gap-3">
<span v-if="email" class="text-sm text-n-slate-11">{{ email }}</span>
<div v-if="email" class="w-px h-3 bg-n-slate-6" />
<span v-if="phoneNumber" class="text-sm text-n-slate-11">{{
phoneNumber
}}</span>
<div v-if="phoneNumber" class="w-px h-3 bg-n-slate-6" />
<Button
:label="t('CONTACTS_LAYOUT.CARD.VIEW_DETAILS')"
variant="link"
size="xs"
@click="onClickViewDetails"
/>
</div>
</div>
</template>
</div>
<template #footer>
<Button
icon="i-lucide-chevron-down"
variant="ghost"
color="slate"
size="xs"
:class="{ 'rotate-180': isExpanded }"
@click="emit('toggle')"
/>
</template>
<Button
icon="i-lucide-chevron-down"
variant="ghost"
color="slate"
size="xs"
:class="{ 'rotate-180': isExpanded }"
@click="emit('toggle')"
/>
<template #expanded>
<template #after>
<transition
enter-active-class="overflow-hidden transition-all duration-300 ease-out"
leave-active-class="overflow-hidden transition-all duration-300 ease-in"
app/javascript/dashboard/components-next/Contacts/ContactsForm/CreateNewContactDialog.vue
+3 -5
View File
@@ -34,16 +34,14 @@ defineExpose({ dialogRef });
</script>
<template>
<Dialog ref="dialogRef" max-width="max-w-3xl" @confirm="handleDialogConfirm">
<template #form>
<ContactsForm is-new-contact @update="createNewContact" />
</template>
<Dialog ref="dialogRef" width="3xl" @confirm="handleDialogConfirm">
<ContactsForm is-new-contact @update="createNewContact" />
<template #footer>
<div class="flex items-center justify-between w-full gap-3">
<Button
:label="t('DIALOG.BUTTONS.CANCEL')"
variant="link"
class="h-10 hover:no-underline hover:text-n-brand"
class="h-10 hover:!no-underline hover:text-n-brand"
@click="closeDialog"
/>
<Button