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-06 12:45:18 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

🐛 fix: team members

Browse Source
This commit is contained in:
eshanized
2025-01-16 06:31:51 +05:30
parent df8a833380
commit f97fe74ebb
1 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/developers/TeamMemberCard.tsx
View File

@@ -33,9 +33,23 @@ export function TeamMemberCard({ user, role, description }: TeamMemberCardProps)
</div> </div>
</div> </div>
<p className="mt-4 text-gray-600 flex-grow">{description}</p> {/* Show full description on hover */}
<motion.p
className="mt-4 text-gray-600 flex-grow line-clamp-2"
whileHover={{ opacity: 1 }}
initial={{ opacity: 0.7 }}
transition={{ duration: 0.3 }}
>
{description}
</motion.p>
<div className="mt-4 flex items-center gap-4 text-sm text-gray-500"> {/* Additional information shown when hovering */}
<motion.div
className="mt-4 flex items-center gap-4 text-sm text-gray-500"
whileHover={{ opacity: 1 }}
initial={{ opacity: 0.5 }}
transition={{ duration: 0.3 }}
>
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<Users className="h-4 w-4" /> <Users className="h-4 w-4" />
<span>{user.followers.toLocaleString()} followers</span> <span>{user.followers.toLocaleString()} followers</span>
@@ -44,7 +58,7 @@ export function TeamMemberCard({ user, role, description }: TeamMemberCardProps)
<Book className="h-4 w-4" /> <Book className="h-4 w-4" />
<span>{user.public_repos} repos</span> <span>{user.public_repos} repos</span>
</div> </div>
</div> </motion.div>
<a <a
href={user.html_url} href={user.html_url}