mirror of
https://github.com/r-freeman/portfolio.git
synced 2024-11-11 18:25:41 +00:00
Updated project styling
This commit is contained in:
parent
c5e332f915
commit
f2d61a8a3a
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user