diff --git a/static/js/equity_curve.js b/static/js/equity_curve.js index 436390c..35e67cc 100644 --- a/static/js/equity_curve.js +++ b/static/js/equity_curve.js @@ -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)'), diff --git a/templates/base.html b/templates/base.html index 6375e5a..a1b4db0 100644 --- a/templates/base.html +++ b/templates/base.html @@ -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}