From f97fe74ebb900307d711a621edb668b914572068 Mon Sep 17 00:00:00 2001
From: eshanized <m.eshanized@gmail.com>
Date: Thu, 16 Jan 2025 06:31:51 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20team=20members?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/developers/TeamMemberCard.tsx | 24 ++++++++++++++++----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/components/developers/TeamMemberCard.tsx b/src/components/developers/TeamMemberCard.tsx
index 5e8ac5b1..c62e7705 100644
--- a/src/components/developers/TeamMemberCard.tsx
+++ b/src/components/developers/TeamMemberCard.tsx
@@ -33,9 +33,23 @@ export function TeamMemberCard({ user, role, description }: TeamMemberCardProps)
         </div>
       </div>
 
-      <p className="mt-4 text-gray-600 flex-grow">{description}</p>
-      
-      <div className="mt-4 flex items-center gap-4 text-sm text-gray-500">
+      {/* 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>
+
+      {/* 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">
           <Users className="h-4 w-4" />
           <span>{user.followers.toLocaleString()} followers</span>
@@ -44,8 +58,8 @@ export function TeamMemberCard({ user, role, description }: TeamMemberCardProps)
           <Book className="h-4 w-4" />
           <span>{user.public_repos} repos</span>
         </div>
-      </div>
-      
+      </motion.div>
+
       <a
         href={user.html_url}
         target="_blank"