diff --git a/web/sdk/admin/views/organizations/details/layout/invite-users-dialog.tsx b/web/sdk/admin/views/organizations/details/layout/invite-users-dialog.tsx index af7efeecb..8207cf3eb 100644 --- a/web/sdk/admin/views/organizations/details/layout/invite-users-dialog.tsx +++ b/web/sdk/admin/views/organizations/details/layout/invite-users-dialog.tsx @@ -112,6 +112,7 @@ export const InviteUsersDialog = ({ onOpenChange }: InviteUsersDialogProps) => { {...field} // @ts-expect-error placeholder props not defined in TS placeholder="abc@example.com, xyz@example.com" + className={styles["invite-users-emails-textarea"]} /> )} /> diff --git a/web/sdk/admin/views/organizations/details/layout/layout.module.css b/web/sdk/admin/views/organizations/details/layout/layout.module.css index 2a92459ae..86ee5aaa6 100644 --- a/web/sdk/admin/views/organizations/details/layout/layout.module.css +++ b/web/sdk/admin/views/organizations/details/layout/layout.module.css @@ -57,6 +57,12 @@ color: var(--rs-color-foreground-danger-primary); } +.invite-users-emails-textarea { + resize: vertical; + width: 100%; + max-height: var(--rs-space-17); +} + .add-token-dialog-tokens-field::-webkit-inner-spin-button, .add-token-dialog-tokens-field::-webkit-outer-spin-button { -webkit-appearance: none; diff --git a/web/sdk/react/components/organization/organization.module.css b/web/sdk/react/components/organization/organization.module.css index 352be2d88..7e5934346 100644 --- a/web/sdk/react/components/organization/organization.module.css +++ b/web/sdk/react/components/organization/organization.module.css @@ -35,3 +35,9 @@ .orgTabsContainer { box-sizing: border-box; } + +.invite-member-emails-textarea { + resize: vertical; + width: 100%; + max-height: var(--rs-space-17); +} diff --git a/web/sdk/react/views/members/invite-member-dialog.tsx b/web/sdk/react/views/members/invite-member-dialog.tsx index 508cf69c5..dce25c66d 100644 --- a/web/sdk/react/views/members/invite-member-dialog.tsx +++ b/web/sdk/react/views/members/invite-member-dialog.tsx @@ -201,6 +201,7 @@ export const InviteMemberDialog = ({ helperText={ errors.emails?.message ? String(errors.emails?.message) : '' } + className={styles['invite-member-emails-textarea']} /> )}