networkException/nwex.de
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed bug where images would be squished/stretched in SocialBadge

Browse source
This commit is contained in:
Niklas Schrötler 2021-04-04 19:42:47 +02:00
parent 6fa69bceca
commit d4d7e0d4f0
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/SocialBadge/index.tsx
View file

@ -15,7 +15,7 @@ export const SocialBadge: React.FC<SocialBadgeProps> = ({title, link, imagePath}
return ( 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" <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}> 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> <div className="mx-4 font-semibold text-xl">{title}</div>
</a> </a>
) )