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:
@@ -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
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user