From 2291f59144d0cb12104fb8b989447f78def5521f Mon Sep 17 00:00:00 2001
From: wjsjwr <wjsjwr@gmail.com>
Date: Sat, 26 Jul 2025 20:23:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F=E5=92=8C?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=EF=BC=8C=E8=B0=83=E6=95=B4=E5=9F=BA=E5=9B=A0?=
 =?UTF-8?q?=E6=97=B6=E5=BA=8F=E5=88=86=E6=9E=90=E9=A1=B5=E9=9D=A2=E7=9A=84?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E5=92=8C=E5=9B=BE=E4=BE=8B=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=EF=BC=8C=E6=9B=B4=E6=96=B0=E5=AF=BC=E8=88=AA=E5=AE=B9=E5=99=A8?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BB=A5=E9=80=82=E5=BA=94=E5=85=A8=E5=AE=BD?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 embryo-frontend/src/pages/TemporalAnalysis.tsx | 18 +++++++++---------
 embryo-frontend/src/style.css                  |  5 +++--
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/embryo-frontend/src/pages/TemporalAnalysis.tsx b/embryo-frontend/src/pages/TemporalAnalysis.tsx
index 3ea839d..775a850 100644
--- a/embryo-frontend/src/pages/TemporalAnalysis.tsx
+++ b/embryo-frontend/src/pages/TemporalAnalysis.tsx
@@ -512,8 +512,8 @@ const TemporalAnalysis: React.FC = () => {
 
             {/* 基因时序分析部分 */}
             <div className="visualization-container">
-              <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "1rem" }}>
-                <h3 style={{ margin: 0 }}>基因时序分析</h3>
+              <h3 style={{ marginBottom: "1rem", textAlign: "center" }}>基因时序分析</h3>
+              <div style={{ display: "flex", justifyContent: "center", alignItems: "center", marginBottom: "1rem" }}>
                 <select
                   value={selectedGene}
                   onChange={(e) => {
@@ -585,14 +585,14 @@ const TemporalAnalysis: React.FC = () => {
                     lineWidth={3}
                     legends={[
                       {
-                        anchor: 'bottom-right',
-                        direction: 'column',
+                        anchor: 'top',
+                        direction: 'row',
                         justify: false,
-                        translateX: 60,
-                        translateY: 0,
-                        itemsSpacing: 1,
-                        itemWidth: 50,
-                        itemHeight: 14,
+                        translateX: 0,
+                        translateY: -30,
+                        itemsSpacing: 45,
+                        itemWidth: 70,
+                        itemHeight: 16,
                         itemDirection: 'left-to-right',
                         itemOpacity: 0.75,
                         symbolSize: 8,
diff --git a/embryo-frontend/src/style.css b/embryo-frontend/src/style.css
index 3f36400..719707a 100644
--- a/embryo-frontend/src/style.css
+++ b/embryo-frontend/src/style.css
@@ -60,8 +60,9 @@ body {
 }
 
 .nav-container {
-  max-width: 1200px;
-  margin: 0 auto;
+  /* max-width: 1200px; */
+  /* margin: 0 auto; */
+  width: 100%;
   padding: 0 1rem;
   display: flex;
   align-items: center;