pop-up effect on userCard hover (OWASP#432)

Co-authored-by: Arkadii Yakovets <[email protected]>
nitinawari · Jan 12, 2025 · e535b6a · e535b6a
1 parent 669f8a6
commit e535b6a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/frontend/src/components/UserCard.tsx b/frontend/src/components/UserCard.tsx
@@ -6,7 +6,7 @@ const UserCard = ({ avatar, name, company, button }: UserCardProps) => {
   return (
     <button
       onClick={button.onclick}
-      className="hover:scale-102 group flex h-64 w-80 flex-col items-center rounded-lg bg-white p-6 text-left shadow-lg transition-all hover:shadow-xl dark:bg-gray-800 dark:shadow-gray-900/30"
+      className="group flex h-64 w-80 flex-col items-center rounded-lg bg-white p-6 text-left shadow-lg transition-transform duration-500 hover:scale-105 hover:shadow-xl dark:bg-gray-800 dark:shadow-gray-900/30"
     >
       <div className="flex w-full flex-col items-center space-y-4">
         <div className="relative h-20 w-20 overflow-hidden rounded-full ring-2 ring-gray-100 transition-all group-hover:ring-blue-500 dark:ring-gray-700">