diff --git a/frontend/src/components/StatsDashboard.css b/frontend/src/components/StatsDashboard.css index 6671fbd..4e721ec 100644 --- a/frontend/src/components/StatsDashboard.css +++ b/frontend/src/components/StatsDashboard.css @@ -583,3 +583,83 @@ font-size: 1.2rem; color: #666; } + +/* 优化后的持仓单样式 */ +.trade-protection-col { + display: flex; + flex-direction: column; + gap: 8px; + flex: 1.2; /* 给保护单列稍微多一点的宽度权重 */ +} + +@media (min-width: 768px) { + .trade-protection-col { + min-width: 200px; + max-width: 300px; + } +} + +.open-orders-compact { + padding: 8px; + background-color: #f8f9fa; + border-radius: 4px; + border: 1px solid #e9ecef; +} + +.open-orders-label { + font-size: 11px; + color: #868e96; + font-weight: 600; + margin-bottom: 6px; + display: flex; + align-items: center; + gap: 4px; +} + +.order-badges { + display: flex; + flex-wrap: wrap; + gap: 6px; +} + +.order-badge { + display: inline-flex; + align-items: center; + font-size: 11px; + padding: 2px 8px; + border-radius: 4px; + background: white; + border: 1px solid #dee2e6; + gap: 4px; + line-height: 1.4; + white-space: nowrap; +} + +.order-badge.sl { + background-color: #fff5f5; + border-color: #ffc9c9; + color: #e03131; +} + +.order-badge.tp { + background-color: #ebfbee; + border-color: #b2f2bb; + color: #2f9e44; +} + +.badge-type { + font-weight: 700; +} + +.badge-price { + font-family: "SF Mono", "Roboto Mono", monospace; + font-weight: 500; +} + +.badge-tag { + font-size: 9px; + background: rgba(0,0,0,0.05); + padding: 0 3px; + border-radius: 2px; + margin-left: 2px; +}