Improve transition on ToolCard component

Sienci-Labs · Feb 18, 2025 · 6756e55 · 6756e55
1 parent cf28acc
commit 6756e55
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/app/src/components/ToolCard/index.tsx b/src/app/src/components/ToolCard/index.tsx
@@ -13,7 +13,11 @@ type ToolCardProps = {
 const ToolCard = ({ title, description, icon: Icon, link }: ToolCardProps) => {
     return (
         <Link to={link}>
-            <Card className="hover:bg-gray-300 bg-gray-100 cursor-pointer p-4 flex flex-col items-center justify-between text-center gap-4 min-h-48 transition-colors duration-300 ease-in-out transform hover:scale-[1.02] h-full">
+            <Card
+                className="hover:bg-gray-300 bg-gray-100 cursor-pointer p-4 
+                flex flex-col items-center justify-between text-center gap-4 min-h-48 
+                transition-all duration-300 ease-in-out hover:scale-[1.02] h-full"
+            >
                 <CardTitle>{title}</CardTitle>
 
                 <CardDescription className="text-sm text-gray-500">