Flatten records visuals and show stats summary in one row.

Use transparent chart/table surfaces on records page; merge 14 stat metrics into a single compact card row.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-26 01:41:35 +08:00
parent 64adce0e24
commit 1cc0cd5f8d
5 changed files with 79 additions and 26 deletions
+15 -11
View File
@@ -430,10 +430,10 @@
padding:.35rem .45rem;font-size:.78rem;border-radius:6px;width:100%;min-width:0;
}
.trade-table .cell-readonly{color:var(--text-primary)}
.records-equity-card .card-body{padding-top:0}
.records-equity-card #equity-curve-chart{background:transparent}
.records-equity-card .card-body{padding-top:0;background:transparent}
.records-equity-card #equity-curve-chart{background:transparent;border-radius:0}
.records-trade-card{overflow:visible}
.records-trade-card .card-body{overflow:visible}
.records-trade-card .card-body{overflow:visible;background:transparent}
.records-trade-card .trade-table-wrap{
--rec-row-h:2.35rem;
--rec-head-h:2.1rem;
@@ -446,22 +446,26 @@
border-radius:0;
background:transparent;
}
.records-trade-card .trade-table th,
.records-trade-card .trade-table td{
background:transparent;
}
.records-trade-card .trade-table thead th{
position:sticky;
top:0;
z-index:2;
background:var(--card-bg);
background:transparent;
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
box-shadow:0 1px 0 var(--table-border);
}
.records-trade-card .trade-table th:last-child,
.records-trade-card .trade-table td:last-child{
box-shadow:none;
background:transparent;
}
.records-trade-card .trade-table thead th:last-child{
z-index:5;
background:var(--card-bg);
}
.records-trade-card .trade-table tbody td{
background:var(--card-bg);
}
.records-trade-card .trade-table tbody td:last-child{
background:var(--card-bg);
}
.trade-actions{display:flex;gap:.35rem;flex-wrap:nowrap;align-items:center;min-width:230px;white-space:nowrap}
.trade-actions a,.trade-actions button{flex-shrink:0;white-space:nowrap;font-size:.72rem;padding:.3rem .55rem;border-radius:6px;text-decoration:none;border:none;cursor:pointer;width:auto;min-width:0}