converted tailwind css for Image support in avatar.tsx

This commit is contained in:
killerboss 2024-10-31 19:31:28 +01:00
parent 2bb35da1ba
commit 9846490b87

View file

@ -8,7 +8,7 @@ type Props = {
const Avatar = ({ name, picture }: Props) => { const Avatar = ({ name, picture }: Props) => {
return ( return (
<div className="flex items-center"> <div className="flex items-center">
<Image src={picture} className="w-12 h-12 rounded-full mr-4" alt={name} /> <Image src={picture} className="rounded-full mr-4" alt={name} width={48} height={48} />
<div className="text-xl font-bold">{name}</div> <div className="text-xl font-bold">{name}</div>
</div> </div>
); );