fix: user avatar (#51)

This commit is contained in:
Dominic Elm 2024-08-22 14:27:34 +02:00 committed by GitHub
parent b4cfe6ab8b
commit 8f74cc61ec
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -35,8 +35,12 @@ export const Messages = React.forwardRef<HTMLDivElement, MessagesProps>((props:
})} })}
> >
{isUserMessage && ( {isUserMessage && (
<div className="flex items-center justify-center min-w-[34px] min-h-[34px] bg-white text-gray-600 rounded-full p-1 self-start"> <div className="flex items-center justify-center w-[34px] h-[34px] overflow-hidden bg-white text-gray-600 rounded-full shrink-0 self-start">
{avatar ? <img className="w-6 h-6" src={avatar} /> : <div className="i-ph:user-fill text-xl"></div>} {avatar ? (
<img className="w-full h-full object-cover" src={avatar} />
) : (
<div className="i-ph:user-fill text-xl"></div>
)}
</div> </div>
)} )}
<div className="grid grid-col-1 w-full"> <div className="grid grid-col-1 w-full">