explicitly size social icons
This commit is contained in:
parent
465e6f866c
commit
d6b7c78a8d
3 changed files with 20 additions and 22 deletions
|
@ -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>
|
||||
)
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue