From d1034fc30e99091220ec867785e29e80be5c66b4 Mon Sep 17 00:00:00 2001
From: chengmw <chengmingwei_1984122@126.com>
Date: Fri, 03 Apr 2026 10:40:00 +0800
Subject: [PATCH] style: 优化当事人信息卡片样式，改进布局与间距
---
web-app/src/components/dashboard/PartyInfoCard.jsx | 2 ++
web-app/src/components/dashboard/PartyInfoCard.css | 15 +++++++++++++++
2 files changed, 17 insertions(+), 0 deletions(-)
diff --git a/web-app/src/components/dashboard/PartyInfoCard.css b/web-app/src/components/dashboard/PartyInfoCard.css
index b6538c4..2971b32 100644
--- a/web-app/src/components/dashboard/PartyInfoCard.css
+++ b/web-app/src/components/dashboard/PartyInfoCard.css
@@ -81,10 +81,25 @@
align-items: center;
justify-content: center;
padding: 0 8px;
+ gap: 8px;
+}
+
+.vs-line {
+ width: 30px;
+ height: 1px;
+}
+
+.vs-line-left {
+ background: linear-gradient(to right, #E5E6EB, #C9CDD4);
+}
+
+.vs-line-right {
+ background: linear-gradient(to right, #C9CDD4, #E5E6EB);
}
.vs-icon-img {
width: 24px;
height: 24px;
object-fit: contain;
+ flex-shrink: 0;
}
diff --git a/web-app/src/components/dashboard/PartyInfoCard.jsx b/web-app/src/components/dashboard/PartyInfoCard.jsx
index f33980d..af4b002 100644
--- a/web-app/src/components/dashboard/PartyInfoCard.jsx
+++ b/web-app/src/components/dashboard/PartyInfoCard.jsx
@@ -82,7 +82,9 @@
*/
const VSSeparator = () => (
<div className="vs-separator">
+ <div className="vs-line vs-line-left"></div>
<img src={VS_ICON} alt="VS" className="vs-icon-img" />
+ <div className="vs-line vs-line-right"></div>
</div>
);
--
Gitblit v1.8.0