Updated project styling

This commit is contained in:
r-freeman 2023-01-26 22:00:08 +00:00
parent c5e332f915
commit f2d61a8a3a
2 changed files with 4 additions and 4 deletions

View File

@ -11,9 +11,9 @@ type SocialLink = {
export function SocialLink({icon: Icon, href, ariaLabel, className}: SocialLink) { export function SocialLink({icon: Icon, href, ariaLabel, className}: SocialLink) {
return ( return (
<Link className={clsx(className, "group -m-1 p-1")} href={href} aria-label={ariaLabel}> <Link className="group -m-1 p-1" href={href} aria-label={ariaLabel}>
<Icon <Icon
className="h-6 w-6 fill-zinc-500 transition group-hover:fill-zinc-600 dark:fill-zinc-400 dark:group-hover:fill-zinc-300"/> className={clsx(className, "w-6 h-6 fill-zinc-500 transition group-hover:fill-zinc-600 dark:fill-zinc-400 dark:group-hover:fill-zinc-300")}/>
</Link> </Link>
) )
} }

View File

@ -50,12 +50,12 @@ export default function Projects({pinnedRepos}: { pinnedRepos: Repo[] }) {
style={{backgroundColor: repo.primaryLanguage.color}}/> style={{backgroundColor: repo.primaryLanguage.color}}/>
</p> </p>
<p className="relative z-10 flex items-center"> <p className="relative z-10 flex items-center">
<span className="ml-2">{repo.stargazerCount}</span> <span className="ml-2 order-last">{repo.stargazerCount}</span>
<SocialLink <SocialLink
href={repo.url} href={repo.url}
ariaLabel={`Star ${repo.name} on GitHub`} ariaLabel={`Star ${repo.name} on GitHub`}
icon={StarIcon} icon={StarIcon}
className={'order-first m-0 p-0'} className={'w-5 h-5'}
/> />
</p> </p>
</div> </div>