chore: tweak responsible styles

This commit is contained in:
Steven
2023-12-19 08:41:41 +08:00
parent fe4ec0b156
commit a3a1bbe8de
16 changed files with 411 additions and 399 deletions

View File

@ -35,28 +35,20 @@ const UserProfile = () => {
}, [params.username]);
return (
<section className="relative top-0 w-full min-h-full overflow-x-hidden">
<section className="w-full max-w-4xl min-h-full flex flex-col justify-start items-center sm:pt-4 pb-8">
<MobileHeader />
<div className="relative w-full min-h-full mx-auto flex flex-col justify-start items-center">
<div className="w-full px-4 flex flex-col justify-start items-center">
{!loadingState.isLoading &&
(user ? (
<>
<div className="relative flex-grow max-w-2xl w-full min-h-full flex flex-col justify-start items-start px-4">
<div className="w-full flex flex-row justify-start items-start">
<div className="flex-grow shrink w-full">
<div className="w-full flex flex-col justify-start items-center py-8">
<UserAvatar className="!w-20 !h-20 mb-2 drop-shadow" avatarUrl={user?.avatarUrl} />
<p className="text-3xl text-black opacity-80 dark:text-gray-200">{user?.nickname}</p>
</div>
<MemoList />
</div>
</div>
<div className="w-full flex flex-col justify-start items-center py-8">
<UserAvatar className="!w-20 !h-20 mb-2 drop-shadow" avatarUrl={user?.avatarUrl} />
<p className="text-3xl text-black opacity-80 dark:text-gray-200">{user?.nickname}</p>
</div>
<MemoList />
</>
) : (
<>
<p>Not found</p>
</>
<p>Not found</p>
))}
</div>
</section>