Snigdha-OS/Snigdha-OS.github.io
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/Snigdha-OS.github.io.git synced 2025-09-15 00:55:01 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

🐛 fix: maintain consistency

Browse Source
This commit is contained in:
eshanized
2025-01-13 13:41:36 +05:30
parent 90f0809697
commit 9d53b218aa
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/developers/ContributorCard.tsx
View File

@@ -11,33 +11,34 @@ interface ContributorCardProps {
export function ContributorCard({ login, avatarUrl, contributions, profileUrl }: ContributorCardProps) { export function ContributorCard({ login, avatarUrl, contributions, profileUrl }: ContributorCardProps) {
return ( return (
<motion.div <motion.div
whileHover={{ y: -5 }} whileHover={{ y: -5, scale: 1.02 }}
className="bg-white/80 backdrop-blur-sm p-6 rounded-lg border border-gray-200" whileTap={{ scale: 0.98 }}
className="bg-white/80 backdrop-blur-sm p-6 rounded-lg border border-gray-200 shadow-md w-72 h-48 transition-all flex flex-col justify-between"
> >
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<img <img
src={avatarUrl} src={avatarUrl}
alt={`${login}'s avatar`} alt={`${login}'s avatar`}
className="w-24 h-24 rounded-full" className="w-20 h-20 rounded-full object-cover"
/> />
<div> <div>
<h3 className="font-semibold text-gray-900">{login}</h3> <h3 className="font-semibold text-gray-900 text-lg truncate">{login}</h3>
<div className="flex items-center gap-2 text-sm text-gray-600"> <div className="flex items-center gap-2 text-sm text-gray-600">
<GitCommit className="h-4 w-4" /> <GitCommit className="h-4 w-4" />
<span>{contributions} contributions</span> <span>{contributions} contributions</span>
</div> </div>
</div> </div>
</div> </div>
<motion.a
<a
href={profileUrl} href={profileUrl}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="mt-4 flex items-center gap-2 text-sm text-cornflower-blue hover:underline" whileHover={{ x: 5 }}
className="mt-4 flex items-center gap-2 text-sm text-blue-600 hover:underline"
> >
<Github className="h-4 w-4" /> <Github className="h-4 w-4" />
View Profile View Profile
</a> </motion.a>
</motion.div> </motion.div>
); );
} }