diff --git a/frontend/src/pages/Plan.tsx b/frontend/src/pages/Plan.tsx index e6a991c..729046b 100644 --- a/frontend/src/pages/Plan.tsx +++ b/frontend/src/pages/Plan.tsx @@ -902,7 +902,13 @@ export default function PlanPage() {
{ladder?.detail || "暂无报价链"}
diff --git a/frontend/src/styles/app.css b/frontend/src/styles/app.css index 8535d88..ee5784a 100644 --- a/frontend/src/styles/app.css +++ b/frontend/src/styles/app.css @@ -478,24 +478,52 @@ input { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; margin-bottom: 12px; - align-items: start; + align-items: stretch; } .plan-semi-tab > .card { margin-bottom: 0; min-width: 0; + height: 100%; + display: flex; + flex-direction: column; +} + +.plan-semi-tab > .plan-semi-card .plan-semi-btns { + margin-top: auto; +} + +.plan-semi-tab > .plan-t-quote .plan-t-wrap { + flex: 1; + min-height: 0; } @media (max-width: 960px) { .plan-semi-tab { grid-template-columns: 1fr; } + + .plan-semi-tab > .card { + height: auto; + } } .plan-semi-compact { padding: 10px 12px; } +.plan-semi-holding { + display: inline-flex; + align-items: center; + min-height: 34px; + padding: 6px 14px; + font-size: 14px; + font-weight: 700; + border-radius: 6px; + border: 1px solid rgba(14, 203, 129, 0.45); + background: rgba(14, 203, 129, 0.12); +} + .plan-semi-head { display: flex; align-items: baseline; @@ -572,6 +600,25 @@ input { padding: 10px 12px; } +.plan-t-head-stack { + display: flex; + flex-direction: column; + gap: 4px; + margin-bottom: 8px; +} + +.plan-t-title-line { + margin: 0; + font-size: 14px; +} + +.plan-t-expiry-line { + font-size: 12px; + font-weight: 600; + color: #0ecb81; + line-height: 1.4; +} + .plan-t-wrap { overflow-x: auto; margin-top: 4px;