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.css | 41 ++++++++++++++++++++++++++++++++---------
1 files changed, 32 insertions(+), 9 deletions(-)
diff --git a/web-app/src/components/dashboard/PartyInfoCard.css b/web-app/src/components/dashboard/PartyInfoCard.css
index 0a34ebe..2971b32 100644
--- a/web-app/src/components/dashboard/PartyInfoCard.css
+++ b/web-app/src/components/dashboard/PartyInfoCard.css
@@ -7,7 +7,7 @@
background: #f8f9fa;
border-radius: 8px;
padding: 12px 16px;
- margin-bottom: 16px;
+ margin-bottom: 10px;
}
.party-info-title {
@@ -34,21 +34,28 @@
padding: 8px;
}
-/* 情绪标签 */
+/* 情绪标签 - 实心红背景白字 */
.party-tag {
position: absolute;
top: -4px;
left: 50%;
transform: translateX(-50%);
font-size: 0.7rem;
- padding: 0 6px;
- line-height: 18px;
- border-radius: 4px;
+ padding: 2px 8px;
+ line-height: 16px;
+ border-radius: 10px;
+ background-color: #ff4d4f !important;
+ color: white !important;
+ border: none !important;
}
-.party-avatar {
+.party-avatar-img {
+ width: 48px;
+ height: 48px;
+ border-radius: 50%;
margin-top: 12px;
margin-bottom: 8px;
+ object-fit: cover;
}
.party-role {
@@ -74,9 +81,25 @@
align-items: center;
justify-content: center;
padding: 0 8px;
+ gap: 8px;
}
-.vs-icon {
- font-size: 1.5rem;
- color: #d9d9d9;
+.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;
}
--
Gitblit v1.8.0