converted tailwind css for Image support in avatar.tsx
This commit is contained in:
parent
2bb35da1ba
commit
9846490b87
1 changed files with 1 additions and 1 deletions
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in a new issue