explicitly size social icons

This commit is contained in:
Cory Dransfeldt 2022-06-06 12:53:10 -07:00
parent 465e6f866c
commit d6b7c78a8d
3 changed files with 20 additions and 22 deletions

View file

@ -22,7 +22,7 @@ const components = {
lastfm: Lastfm,
}
const SocialIcon = ({ kind, href, size = 6 }) => {
const SocialIcon = ({ kind, href }) => {
if (!href || (kind === 'mail' && !/^mailto:\w+([.-]?\w+)@\w+([.-]?\w+)(.\w{2,3})+$/.test(href)))
return null
@ -36,9 +36,7 @@ const SocialIcon = ({ kind, href, size = 6 }) => {
href={href}
>
<span className="sr-only">{kind}</span>
<SocialSvg
className={`fill-current text-gray-700 hover:text-primary-500 dark:text-gray-200 dark:hover:text-primary-400 h-${size} w-${size}`}
/>
<SocialSvg className="h-6 w-6 fill-current text-gray-700 hover:text-primary-500 dark:text-gray-200 dark:hover:text-primary-400" />
</a>
)
}