dekun/crypto_monitor
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align strategy page card heights and inner padding

Browse Source 
Equal-height two-column cards with flex layout; add card padding and spacing so content is not flush to edges.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-06 03:17:12 +08:00
parent 7223b54ec4
commit a4cd966370
2 changed files with 34 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+33 -12
View File
@@ -7522,27 +7522,38 @@ body.funds-fullscreen-open {
.strategy-layout { .strategy-layout {
display: grid; display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: 14px; gap: 16px;
align-items: start; align-items: stretch;
}
.strategy-doc-card,
.strategy-checklist-card {
padding: 18px 20px 20px;
display: flex;
flex-direction: column;
min-height: min(72vh, 900px);
} }
.strategy-col-title { .strategy-col-title {
margin: 0 0 12px; margin: 0 0 14px;
font-size: 0.95rem; font-size: 0.95rem;
color: var(--text-soft); color: var(--text-soft);
} }
.strategy-doc-body { .strategy-doc-body {
flex: 1 1 auto;
min-height: 0;
font-size: 0.88rem; font-size: 0.88rem;
line-height: 1.55; line-height: 1.55;
color: var(--text); color: var(--text);
max-height: min(72vh, 900px);
overflow: auto; overflow: auto;
padding-right: 4px; padding: 2px 10px 2px 4px;
} }
.strategy-doc-body h2 { .strategy-doc-body h2 {
font-size: 1rem; font-size: 1rem;
margin: 1.2em 0 0.5em; margin: 0.6em 0 0.5em;
color: var(--text); color: var(--text);
} }
.strategy-doc-body h2:first-child {
margin-top: 0;
}
.strategy-doc-body h3 { .strategy-doc-body h3 {
font-size: 0.92rem; font-size: 0.92rem;
margin: 1em 0 0.4em; margin: 1em 0 0.4em;
@@ -7556,7 +7567,7 @@ body.funds-fullscreen-open {
.strategy-doc-body th, .strategy-doc-body th,
.strategy-doc-body td { .strategy-doc-body td {
border: 1px solid var(--border-soft); border: 1px solid var(--border-soft);
padding: 6px 8px; padding: 8px 10px;
text-align: left; text-align: left;
} }
.strategy-doc-body blockquote { .strategy-doc-body blockquote {
@@ -7571,10 +7582,18 @@ body.funds-fullscreen-open {
font-size: 0.8rem; font-size: 0.8rem;
} }
.strategy-doc-source { .strategy-doc-source {
margin: 12px 0 0; margin: 14px 0 0;
padding-top: 12px;
border-top: 1px dashed var(--border-soft);
font-size: 0.75rem; font-size: 0.75rem;
color: var(--muted); color: var(--muted);
} }
.strategy-checklist-body {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
padding: 2px 10px 2px 4px;
}
.strategy-checklist-body ul { .strategy-checklist-body ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
@@ -7602,8 +7621,9 @@ body.funds-fullscreen-open {
line-height: 1.2; line-height: 1.2;
} }
.strategy-checklist-footnotes { .strategy-checklist-footnotes {
margin: 12px 0 0; margin: 14px 0 0;
padding-left: 18px; padding: 12px 0 0 22px;
border-top: 1px dashed var(--border-soft);
font-size: 0.78rem; font-size: 0.78rem;
color: var(--muted); color: var(--muted);
} }
@@ -7630,8 +7650,9 @@ body.funds-fullscreen-open {
.strategy-layout { .strategy-layout {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.strategy-doc-body { .strategy-doc-card,
max-height: none; .strategy-checklist-card {
min-height: auto;
} }
} }
manual_trading_hub/static/index.html
+1 -1
View File
@@ -15,7 +15,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <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'" /> <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> <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=20260704-monitor-stats-v2" /> <link rel="stylesheet" href="/assets/app.css?v=20260706-strategy-layout" />
<link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=3" /> <link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=3" />
<link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" /> <link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
<script src="/assets/account_risk_badge.js?v=4"></script> <script src="/assets/account_risk_badge.js?v=4"></script>