From 139414babe8302cd79baba027ea280b7eff64b80 Mon Sep 17 00:00:00 2001
From: Xingan Zhao <2081098605@qq.com>
Date: Fri, 27 Sep 2024 21:19:15 +0800
Subject: [PATCH] team member new feature

---
 src/containers/App/App.css |  4 ++--
 src/contents/team.tsx      | 14 +++++++++-----
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index 34e37c1..4ab9bc3 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -329,8 +329,8 @@ footer a:hover {
 .card {
   transition: transform 0.2s;
   width: 100%;
-  border: 5px solid rgba(114, 47, 55, 1) !important;
-  background-color: #f77001a6 !important;
+  border: 15px solid rgba(114, 47, 55, 1) !important;
+  background-color: rgba(114, 47, 55, 1) !important;
   border-radius: 10px !important;
   /* height: 400px; */
 }
diff --git a/src/contents/team.tsx b/src/contents/team.tsx
index 9859eed..c98233d 100644
--- a/src/contents/team.tsx
+++ b/src/contents/team.tsx
@@ -29,17 +29,16 @@ const Card: React.FC<CardProps> = ({ image1, image2, title1,  description1,  id,
           alt={title1}
           className="card-img-top"
         />
-        {isHovered ? (  // 根据 isHovered 状态控制内容渲染
-          <div className="card-body">
+      </div>
+      {isHovered ? (  // 根据 isHovered 状态控制内容渲染
+          <div className="card-body mt-5">
             <h5 className="card-title">{description1}</h5>
           </div>
         ) : (
-          <div className="card-body">
+          <div className="card-body mt-5">
             <h5 className="card-title">{title1}</h5>
           </div>
         )}
-        
-      </div>
     </div>
   );
 };
@@ -198,6 +197,11 @@ export function Team() {
             alt="team header"
             className="header-img"
           />
+          <img 
+                src="https://static.igem.wiki/teams/5378/header/header-bar.webp"
+                alt="safety header"
+                className="header-bar"
+              />
         </h1>
       </div>
 
-- 
GitLab