From 2d8c006dc38e9b57f62d3a01ba003cd7689275d3 Mon Sep 17 00:00:00 2001
From: Xingan Zhao <2081098605@qq.com>
Date: Tue, 1 Oct 2024 00:25:39 +0800
Subject: [PATCH] feat:model

---
 src/containers/App/App.css |  2 +-
 src/contents/model.tsx     |  7 ++++++-
 src/contents/parts.tsx     | 22 ++++++++++++++--------
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index 3a949c1..d9f1969 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -280,7 +280,7 @@ footer a:hover {
 .custom-header-model {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */
+  background-image: linear-gradient(rgba(245, 245, 220,0.7), rgba(245, 245, 220,0.7)),url('https://static.igem.wiki/teams/5378/model/model-page.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
diff --git a/src/contents/model.tsx b/src/contents/model.tsx
index 27211ff..def12c6 100644
--- a/src/contents/model.tsx
+++ b/src/contents/model.tsx
@@ -112,11 +112,16 @@ export function Model() {
                         className="header-img"
                     />
                     <img
+                        src="https://static.igem.wiki/teams/5378/header/header-bar.webp"
+                        alt="safety header"
+                        className="header-bar"
+                    />
+                    {/* <img
                         src="https://static.igem.wiki/teams/5378/model/model-page.webp"
                         alt="safety header"
                         className="header-bar"
                         style={{ opacity: 0.7 }}
-                    />
+                    /> */}
                 </h1>
             </div>
             <div className="row  bg-rice_yellow">
diff --git a/src/contents/parts.tsx b/src/contents/parts.tsx
index a3fb449..25079b5 100644
--- a/src/contents/parts.tsx
+++ b/src/contents/parts.tsx
@@ -70,15 +70,21 @@ export function parts() {
   
     return (
       <>
+      <div className="custom-header-model">
+                <h1 className="centered-title">
+                <img
+                        src="https://static.igem.wiki/teams/5378/header/parts.png"
+                        alt="safety header"
+                        className="header-img"
+                    />
+                    <img
+                        src="https://static.igem.wiki/teams/5378/header/header-bar.webp"
+                        alt="safety header"
+                        className="header-bar"
+                    />
+                </h1>
+            </div>
 
-        <div className="custom-header-parts">
-            
-            <img 
-                src="https://static.igem.wiki/teams/5378/header/header-bar.webp"
-                alt="safety header"
-                className="header-bar"
-              />
-        </div>
         <div className='row bg-rice_yellow'>
         <div className="col-2">
             <SideNavbar activeLink={activeLink}          />
-- 
GitLab