fix: detail page user-avatar size have unexpected height (#2576)

Co-authored-by: tyangs.yang <tyangs.yang@hstong.com>
This commit is contained in:
t.yang 2023-12-06 10:58:33 +08:00 committed by GitHub
parent aff1b47072
commit 055a327b5e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions

View File

@ -114,7 +114,7 @@ const MemoDetail = () => {
<section className="relative top-0 w-full min-h-full overflow-x-hidden bg-zinc-100 dark:bg-zinc-900"> <section className="relative top-0 w-full min-h-full overflow-x-hidden bg-zinc-100 dark:bg-zinc-900">
<div className="relative w-full h-auto mx-auto flex flex-col justify-start items-center bg-white dark:bg-zinc-700"> <div className="relative w-full h-auto mx-auto flex flex-col justify-start items-center bg-white dark:bg-zinc-700">
<div className="w-full flex flex-col justify-start items-center pt-16 pb-8"> <div className="w-full flex flex-col justify-start items-center pt-16 pb-8">
<UserAvatar className="!w-20 h-20 mb-2 drop-shadow" avatarUrl={systemStatus.customizedProfile.logoUrl} /> <UserAvatar className="!w-20 !h-20 mb-2 drop-shadow" avatarUrl={systemStatus.customizedProfile.logoUrl} />
<p className="text-3xl text-black opacity-80 dark:text-gray-200">{systemStatus.customizedProfile.name}</p> <p className="text-3xl text-black opacity-80 dark:text-gray-200">{systemStatus.customizedProfile.name}</p>
</div> </div>
<div className="relative flex-grow max-w-2xl w-full min-h-full flex flex-col justify-start items-start px-4 pb-6"> <div className="relative flex-grow max-w-2xl w-full min-h-full flex flex-col justify-start items-start px-4 pb-6">

View File

@ -45,7 +45,7 @@ const UserProfile = () => {
<div className="w-full flex flex-row justify-start items-start"> <div className="w-full flex flex-row justify-start items-start">
<div className="flex-grow shrink w-full"> <div className="flex-grow shrink w-full">
<div className="w-full flex flex-col justify-start items-center py-8"> <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} /> <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> <p className="text-3xl text-black opacity-80 dark:text-gray-200">{user?.nickname}</p>
</div> </div>
<MemoList /> <MemoList />