Give funds equity curve more room on 1920x1080.
Drop the 42vh chart cap, let the curve fill remaining height, and scroll account cards so the curve is not clipped. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -10270,9 +10270,9 @@ html[data-theme="light"] .hub-logs-card-hint {
|
||||
}
|
||||
|
||||
body.hub-page-funds:not(.hub-phone) .funds-chart-panel {
|
||||
flex: 1 1 auto;
|
||||
min-height: 140px;
|
||||
max-height: 42vh;
|
||||
flex: 1 1 0;
|
||||
min-height: 280px;
|
||||
max-height: none;
|
||||
margin-bottom: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -10281,7 +10281,7 @@ html[data-theme="light"] .hub-logs-card-hint {
|
||||
body.hub-page-funds:not(.hub-phone) .funds-chart-host {
|
||||
flex: 1 1 auto;
|
||||
height: auto;
|
||||
min-height: 120px;
|
||||
min-height: 260px;
|
||||
}
|
||||
|
||||
body.hub-page-funds:not(.hub-phone) .funds-section-head {
|
||||
@@ -10290,9 +10290,13 @@ html[data-theme="light"] .hub-logs-card-hint {
|
||||
}
|
||||
|
||||
body.hub-page-funds:not(.hub-phone) .funds-accounts {
|
||||
flex: 0 0 auto;
|
||||
flex: 0 1 auto;
|
||||
min-height: 0;
|
||||
max-height: min(260px, 28vh);
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
gap: 8px;
|
||||
padding: 0;
|
||||
padding: 0 2px 4px 0;
|
||||
}
|
||||
|
||||
body.hub-page-funds:not(.hub-phone) .funds-ac-card {
|
||||
@@ -10300,3 +10304,41 @@ html[data-theme="light"] .hub-logs-card-hint {
|
||||
gap: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 1920×1080 一类矮屏:再压紧上方 KPI,把高度让给资金曲线 */
|
||||
@media (min-width: 1600px) and (min-height: 900px) and (max-height: 1100px) {
|
||||
body.hub-page-funds:not(.hub-phone) .funds-head {
|
||||
margin-bottom: 2px !important;
|
||||
}
|
||||
|
||||
body.hub-page-funds:not(.hub-phone) .funds-toolbar {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
body.hub-page-funds:not(.hub-phone) .funds-summary {
|
||||
margin-bottom: 4px;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
body.hub-page-funds:not(.hub-phone) .funds-stat-card {
|
||||
padding: 6px 8px;
|
||||
}
|
||||
|
||||
body.hub-page-funds:not(.hub-phone) .funds-meta {
|
||||
margin-bottom: 4px;
|
||||
padding: 3px 8px;
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
body.hub-page-funds:not(.hub-phone) .funds-chart-panel {
|
||||
min-height: 320px;
|
||||
}
|
||||
|
||||
body.hub-page-funds:not(.hub-phone) .funds-chart-host {
|
||||
min-height: 300px;
|
||||
}
|
||||
|
||||
body.hub-page-funds:not(.hub-phone) .funds-accounts {
|
||||
max-height: min(220px, 24vh);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -134,10 +134,15 @@
|
||||
});
|
||||
new ResizeObserver(function () {
|
||||
if (c && host) {
|
||||
c.applyOptions({ width: host.clientWidth, height: host.clientHeight });
|
||||
const w = Math.max(host.clientWidth || 0, 1);
|
||||
const h = Math.max(host.clientHeight || 0, 1);
|
||||
c.applyOptions({ width: w, height: h });
|
||||
}
|
||||
}).observe(host);
|
||||
c.applyOptions({ width: host.clientWidth, height: host.clientHeight });
|
||||
c.applyOptions({
|
||||
width: Math.max(host.clientWidth || 0, 1),
|
||||
height: Math.max(host.clientHeight || 0, 200),
|
||||
});
|
||||
return { chart: c, series: s };
|
||||
}
|
||||
|
||||
@@ -443,6 +448,17 @@
|
||||
}
|
||||
}
|
||||
renderAccounts(data.accounts || []);
|
||||
// 分户卡片渲染后高度会变,补一次尺寸,避免 1080p 一屏布局下曲线被裁切
|
||||
if (chart && elChartHost) {
|
||||
requestAnimationFrame(function () {
|
||||
if (!chart || !elChartHost) return;
|
||||
chart.applyOptions({
|
||||
width: Math.max(elChartHost.clientWidth || 0, 1),
|
||||
height: Math.max(elChartHost.clientHeight || 0, 200),
|
||||
});
|
||||
chart.timeScale().fitContent();
|
||||
});
|
||||
}
|
||||
if (fsAccountKey) {
|
||||
const ac = findAccount(fsAccountKey);
|
||||
if (ac && ac.monitored) openAccountFullscreen(fsAccountKey);
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
|
||||
<noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
|
||||
<link rel="stylesheet" href="/assets/app.css?v=20260717-scrollbar-fullwidth" />
|
||||
<link rel="stylesheet" href="/assets/app.css?v=20260717-funds-chart-1080" />
|
||||
<link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
|
||||
<link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
|
||||
<script src="/assets/account_risk_badge.js?v=4"></script>
|
||||
@@ -1312,7 +1312,7 @@
|
||||
<script src="/assets/calculator.js?v=20260715-calc-tabs"></script>
|
||||
<script src="/assets/trade_stats_calendar.js?v=3"></script>
|
||||
<script src="/assets/archive.js?v=20260710-archive-cum2"></script>
|
||||
<script src="/assets/funds.js?v=20260716-funds-pnl-banner"></script>
|
||||
<script src="/assets/funds.js?v=20260717-funds-chart-1080"></script>
|
||||
<script src="/assets/dashboard.js?v=20260708-options-expiry-cd"></script>
|
||||
<script src="/assets/strategy.js?v=3"></script>
|
||||
<script src="/assets/help.js?v=1"></script>
|
||||
|
||||
Reference in New Issue
Block a user