fix: avatar is not rounded (#1415)

This commit is contained in:
Stephen Zhou 2023-03-26 20:43:15 +08:00 committed by GitHub
parent 7d89fcc892
commit 17ca97ebd1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -6,7 +6,7 @@ interface Props {
const UserAvatar = (props: Props) => {
const { avatarUrl, className } = props;
return (
<div className={`${className ?? ""} w-8 h-8 rounded-full bg-gray-100 dark:bg-zinc-800`}>
<div className={`${className ?? ""} w-8 h-8 rounded-full overflow-clip bg-gray-100 dark:bg-zinc-800`}>
<img className="w-full h-auto min-w-full min-h-full object-cover" src={avatarUrl || "/logo.png"} alt="" />
</div>
);