Flatten records page styling to match outer card background.

Use card-bg for equity curve and trade table instead of nested inner card colors.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-26 01:35:50 +08:00
parent f457e7d6c9
commit 64adce0e24
2 changed files with 10 additions and 8 deletions
+1 -1
View File
@@ -14,7 +14,7 @@
function themeColors() {
return {
bg: cssVar('--card-inner', '#101424'),
bg: cssVar('--card-bg', '#0a0c16'),
text: cssVar('--text-muted', '#7a82a0'),
grid: cssVar('--table-border', 'rgba(76,194,255,.1)'),
border: cssVar('--card-border', 'rgba(76,194,255,.22)'),
+9 -7
View File
@@ -430,6 +430,8 @@
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-trade-card{overflow:visible}
.records-trade-card .card-body{overflow:visible}
.records-trade-card .trade-table-wrap{
@@ -440,26 +442,26 @@
max-height:calc(var(--rec-row-h) * 10 + var(--rec-head-h));
width:100%;
-webkit-overflow-scrolling:touch;
border-radius:10px;
border:1px solid var(--card-border);
background:var(--card-inner);
border:none;
border-radius:0;
background:transparent;
}
.records-trade-card .trade-table thead th{
position:sticky;
top:0;
z-index:2;
background:var(--card-inner);
background:var(--card-bg);
box-shadow:0 1px 0 var(--table-border);
}
.records-trade-card .trade-table thead th:last-child{
z-index:5;
background:var(--card-inner);
background:var(--card-bg);
}
.records-trade-card .trade-table tbody td{
background:var(--card-inner);
background:var(--card-bg);
}
.records-trade-card .trade-table tbody td:last-child{
background:var(--card-inner);
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}