Fix reviewers email overflowing the component on secret approval page

This commit is contained in:
Carlos Monastyrski
2025-09-25 20:24:16 -03:00
parent 832b5f0f49
commit 9455993b2b
@@ -559,7 +559,7 @@ export const SecretApprovalRequestChanges = ({ approvalRequestId, onGoBack }: Pr
sideOffset={10} sideOffset={10}
> >
<div className="flex items-center"> <div className="flex items-center">
<div>{requiredApprover?.email}</div> <div className="max-w-[200px] truncate">{requiredApprover?.email}</div>
<span className="text-red">*</span> <span className="text-red">*</span>
{!isOrgMembershipActive && ( {!isOrgMembershipActive && (
<FontAwesomeIcon <FontAwesomeIcon
@@ -630,7 +630,7 @@ export const SecretApprovalRequestChanges = ({ approvalRequestId, onGoBack }: Pr
} }
> >
<div className="flex items-center"> <div className="flex items-center">
<span>{reviewer?.email} </span> <span className="max-w-[200px] truncate">{reviewer?.email}</span>
{!isOrgMembershipActive && ( {!isOrgMembershipActive && (
<FontAwesomeIcon <FontAwesomeIcon
icon={faUserSlash} icon={faUserSlash}