Fixed bug where images would be squished/stretched in SocialBadge

This commit is contained in:
Niklas Schrötler 2021-04-04 19:42:47 +02:00
parent 6fa69bceca
commit d4d7e0d4f0

View file

@ -15,7 +15,7 @@ export const SocialBadge: React.FC<SocialBadgeProps> = ({title, link, imagePath}
return (
<a className="block bg-white rounded-full shadow-lg p-2 flex w-max items-center cursor-pointer transition-transform transform hover:scale-105 focus:outline-none focus:ring h-16"
href={link}>
{imagePath?(<img className={`flex rounded-full h-12 w-12`} src={imagePath}/>):null}
{imagePath?(<img className={`flex rounded-full h-12 w-12 object-cover`} src={imagePath}/>):null}
<div className="mx-4 font-semibold text-xl">{title}</div>
</a>
)