r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2024-11-22 22:55:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixed z-index bug in projects

Browse Source
This commit is contained in:
r-freeman 2023-02-03 23:02:26 +00:00
parent 75f000797d
commit f608caff17
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pages/projects.tsx
View File

@ -43,16 +43,16 @@ export default function Projects({pinnedRepos}: { pinnedRepos: Repo[] }) {
</h2> </h2>
<Card.Description>{repo.description}</Card.Description> <Card.Description>{repo.description}</Card.Description>
<div <div
className="flex space-x-8 md:justify-between mt-6 items-center w-full group text-sm text-zinc-500 dark:text-zinc-400"> className="z-10 flex space-x-8 md:justify-between mt-6 items-center w-full group text-sm text-zinc-500 dark:text-zinc-400">
<p <p
className="relative z-10 flex items-center"> className="flex items-center">
<span className="ml-2">{repo.primaryLanguage.name}</span> <span className="ml-2">{repo.primaryLanguage.name}</span>
<span <span
className="w-4 h-4 rounded-full order-first" className="w-4 h-4 rounded-full order-first"
style={{backgroundColor: repo.primaryLanguage.color}}/> style={{backgroundColor: repo.primaryLanguage.color}}/>
</p> </p>
<div className="flex space-x-4"> <div className="flex space-x-4">
<p className="relative z-10 flex items-center"> <p className="flex items-center">
<span className="ml-2 order-last">{numberFormat(repo.stargazerCount)}</span> <span className="ml-2 order-last">{numberFormat(repo.stargazerCount)}</span>
<SocialLink <SocialLink
href={repo.url} href={repo.url}
@ -61,7 +61,7 @@ export default function Projects({pinnedRepos}: { pinnedRepos: Repo[] }) {
className={'w-5 h-5 group-hover:fill-zinc-500 dark:group-hover:fill-zinc-400'} className={'w-5 h-5 group-hover:fill-zinc-500 dark:group-hover:fill-zinc-400'}
/> />
</p> </p>
<p className="relative z-10 flex items-center"> <p className="flex items-center">
<span className="ml-2 order-last">{numberFormat(repo.forkCount)}</span> <span className="ml-2 order-last">{numberFormat(repo.forkCount)}</span>
<SocialLink <SocialLink
href={repo.url} href={repo.url}