info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-02 13:52:46 +02:00
Code Issues Releases Wiki Activity

UI design on member detail page

Browse Source
This commit is contained in:
Kamran Ahmed
2024-05-11 01:32:50 +01:00
parent 8c55be23cc
commit ba7c0f6517
1 changed files with 9 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/TeamMemberDetails/TeamMemberDetailsPage.tsx
View File

@@ -90,27 +90,17 @@ export function TeamMemberDetailsPage() {
return ( return (
<> <>
<div> <div className="flex items-center gap-3 mb-8">
<div className="flex items-center gap-4">
<img <img
src={avatarUrl} src={avatarUrl}
alt={memberProgress?.name} alt={memberProgress?.name}
className="h-24 w-24 rounded-full" className="h-14 w-14 rounded-full"
/> />
<div> <div>
<MemberRoleBadge <h1 className="mt-1 text-2xl font-medium">{memberProgress?.name}</h1>
className="sm:inline-flex"
role={memberProgress?.role!}
/>
<h1 className="mt-1 text-2xl font-medium">
{memberProgress?.name}
</h1>
<p className="text-sm text-gray-500">{memberProgress?.email}</p> <p className="text-sm text-gray-500">{memberProgress?.email}</p>
</div> </div>
</div> </div>
</div>
<hr className="my-8 border-gray-200" />
{memberProgress?.progresses && memberProgress?.progresses?.length > 0 ? ( {memberProgress?.progresses && memberProgress?.progresses?.length > 0 ? (
<> <>