Styles: update styling for user page header

This commit is contained in:
Aaron William Po
2023-11-27 23:06:31 -05:00
parent 7c87be09cf
commit 0c09db24a7
3 changed files with 6 additions and 24 deletions

View File

@@ -24,30 +24,9 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
<meta name="description" content="User information" />
</Head>
<>
<main className="mb-12 mt-10 flex w-full items-center justify-center">
<div className="h-full w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
<main className="mb-12 mt-10 flex flex-col w-full items-center justify-center">
<div className="w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
<UserHeader user={user} />
{isDesktop ? (
<div className="h-64 flex space-x-3">
<div className="h-full w-5/12">
<div className="h-full card">
<div className="card-body">
<h2 className="text-2xl font-bold">About Me</h2>
<p>{user.bio}</p>
</div>
</div>
</div>
<div className="w-7/12">
<div className="h-full card">
<div className="h-full card-body"></div>
</div>
</div>
</div>
) : (
<></>
)}
</div>
</main>
</>