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

fix: Invite Member page ui fixes

Browse Source
This commit is contained in:
Shariq Ansari 2024-09-05 01:17:23 +05:30
parent 1040c7eff2
commit f5f2f381e9
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/Settings/InviteMemberPage.vue
View File

@ -4,6 +4,9 @@
{{ __('Send Invites To') }}
</h2>
<div class="flex-1 overflow-y-auto">
<label class="block text-xs text-gray-600 mb-1.5">
{{ __('Invite by email') }}
</label>
<MultiValueInput
v-model="invitees"
:validate="validateEmail"
@ -26,17 +29,17 @@
<ErrorMessage class="mt-2" v-if="error" :message="error" />
<template v-if="pendingInvitations.data?.length && !invitees.length">
<div
class="mt-4 flex items-center justify-between border-b py-2 text-base text-gray-600"
class="mt-6 flex items-center justify-between py-4 text-base font-semibold"
>
<div class="w-4/5">{{ __('Pending Invites') }}</div>
<div>{{ __('Pending Invites') }}</div>
</div>
<ul class="divide-y overflow-auto">
<ul class="flex flex-col gap-1">
<li
class="flex items-center justify-between py-2"
class="flex items-center justify-between px-2 py-1 rounded-lg bg-gray-50"
v-for="user in pendingInvitations.data"
:key="user.name"
>
<div class="w-4/5 text-base">
<div class="text-base">
<span class="text-gray-900">
{{ user.email }}
</span>
@ -46,6 +49,7 @@
<Tooltip text="Delete Invitation">
<Button
icon="x"
variant="ghost"
:loading="
pendingInvitations.delete.loading &&
pendingInvitations.delete.params.name === user.name