thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

fix: remove member button alignment (#3862)

Browse Source
This commit is contained in:
Aaryan Khandelwal 2024-03-06 14:27:41 +05:30 committed by GitHub
parent 7b76df6868
commit 666b7ea577
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/components/workspace/send-workspace-invitation-modal.tsx
View File

@ -121,7 +121,7 @@ export const SendWorkspaceInvitationModal: React.FC<Props> = observer((props) =>
<div className="mb-3 space-y-4">
{fields.map((field, index) => (
<div key={field.id} className="group relative grid grid-cols-11 gap-4">
<div key={field.id} className="group relative grid grid-cols-11 items-start gap-4">
<div className="col-span-7">
<Controller
control={control}
@ -155,7 +155,7 @@ export const SendWorkspaceInvitationModal: React.FC<Props> = observer((props) =>
)}
/>
</div>
<div className="col-span-3">
<div className="col-span-3 flex items-center gap-2">
<Controller
control={control}
name={`emails.${index}.role`}
@ -166,6 +166,7 @@ export const SendWorkspaceInvitationModal: React.FC<Props> = observer((props) =>
label={<span className="text-xs sm:text-sm">{ROLE[value]}</span>}
onChange={onChange}
optionsClassName="w-full"
className="flex-grow"
input
>
{Object.entries(ROLE).map(([key, value]) => {
@ -179,16 +180,16 @@ export const SendWorkspaceInvitationModal: React.FC<Props> = observer((props) =>
</CustomSelect>
)}
/>
{fields.length > 1 && (
<button
type="button"
className="grid place-items-center self-center rounded flex-shrink-0"
onClick={() => remove(index)}
>
<X className="h-3.5 w-3.5 text-custom-text-200" />
</button>
)}
</div>
{fields.length > 1 && (
<button
type="button"
className="-ml-3 place-items-center self-center rounded"
onClick={() => remove(index)}
>
<X className="h-3.5 w-3.5 text-custom-text-200" />
</button>
)}
</div>
))}
</div>