[WEB-538] style: fix invite member icons in dropdown shrink when name is too large. (#3776)

This commit is contained in:
Prateek Shourya 2024-02-23 18:47:15 +05:30 committed by GitHub
parent 9c50ee39c3
commit 5c64933927
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -148,10 +148,14 @@ export const SendProjectInvitationModal: React.FC<Props> = observer((props) => {
memberDetails?.member.last_name memberDetails?.member.last_name
} ${memberDetails?.member.display_name.toLowerCase()}`, } ${memberDetails?.member.display_name.toLowerCase()}`,
content: ( content: (
<div className="flex items-center gap-2"> <div className="flex w-full items-center gap-2">
<Avatar name={memberDetails?.member.display_name} src={memberDetails?.member.avatar} /> <div className="flex-shrink-0 pt-0.5">
{memberDetails?.member.display_name} ( <Avatar name={memberDetails?.member.display_name} src={memberDetails?.member.avatar} />
{memberDetails?.member.first_name + " " + memberDetails?.member.last_name}) </div>
<div className="truncate">
{memberDetails?.member.display_name} (
{memberDetails?.member.first_name + " " + memberDetails?.member.last_name})
</div>
</div> </div>
), ),
}; };