From 124e1215e83e607a5059591a65cf848db4c0b325 Mon Sep 17 00:00:00 2001
From: Junyan Qin <rockchinq@gmail.com>
Date: Wed, 7 May 2025 20:53:03 +0800
Subject: [PATCH] perf: hover animation for pipeline and bot cards

---
 web/src/app/home/bots/components/bot-card/botCard.module.css  | 4 ++++
 .../components/pipeline-card/pipelineCard.module.css          | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/web/src/app/home/bots/components/bot-card/botCard.module.css b/web/src/app/home/bots/components/bot-card/botCard.module.css
index 1e56a63e..95c7d034 100644
--- a/web/src/app/home/bots/components/bot-card/botCard.module.css
+++ b/web/src/app/home/bots/components/bot-card/botCard.module.css
@@ -8,6 +8,10 @@
     cursor: pointer;
 }
 
+.cardContainer:hover {
+    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
+}
+
 .iconBasicInfoContainer {
     width: 100%;
     height: 100%;
diff --git a/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css b/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css
index de7416ff..0bbaee6d 100644
--- a/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css
+++ b/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css
@@ -12,6 +12,10 @@
     gap:0.5rem;
 }
 
+.cardContainer:hover {
+    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
+}
+
 .basicInfoContainer {
     width: 100%;
     height: 100%;