github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki 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

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