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