fix: my activity user image overflow (#4469)

This commit is contained in:
Anmol Singh Bhatia 2024-05-16 05:09:33 +05:30 committed by GitHub
parent 1fac702096
commit 92c5ccef3d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -44,13 +44,11 @@ export const ProfileActivity = observer(() => {
<div className="space-y-5"> <div className="space-y-5">
{userProfileActivity.results.map((activity) => ( {userProfileActivity.results.map((activity) => (
<div key={activity.id} className="flex gap-3"> <div key={activity.id} className="flex gap-3">
<div className="flex-shrink-0"> <div className="flex-shrink-0 grid place-items-center overflow-hidden rounded h-6 w-6">
{activity.actor_detail?.avatar && activity.actor_detail?.avatar !== "" ? ( {activity.actor_detail?.avatar && activity.actor_detail?.avatar !== "" ? (
<img <img
src={activity.actor_detail?.avatar} src={activity.actor_detail?.avatar}
alt={activity.actor_detail?.display_name} alt={activity.actor_detail?.display_name}
height={24}
width={24}
className="rounded" className="rounded"
/> />
) : ( ) : (
@ -72,7 +70,9 @@ export const ProfileActivity = observer(() => {
</span> </span>
)} )}
</p> </p>
<p className="text-xs text-custom-text-200 whitespace-nowrap ">{calculateTimeAgo(activity.created_at)}</p> <p className="text-xs text-custom-text-200 whitespace-nowrap ">
{calculateTimeAgo(activity.created_at)}
</p>
</div> </div>
</div> </div>
))} ))}