Desktop calculator: stretch left/right cards to equal height.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-20 12:56:59 +08:00
parent 29c080f8e0
commit 221e8c3cad
2 changed files with 9 additions and 2 deletions
+8 -1
View File
@@ -9682,7 +9682,7 @@ body:not(.hub-phone) #page-calculator .calc-pane-split {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: 14px;
align-items: start;
align-items: stretch;
}
body:not(.hub-phone) #page-calculator .calc-input-panel,
@@ -9693,6 +9693,13 @@ body:not(.hub-phone) #page-calculator .calc-result-panel {
border: 1px solid var(--border-soft, var(--border));
box-shadow: var(--card-glow, none);
min-height: 280px;
height: 100%;
box-sizing: border-box;
}
body:not(.hub-phone) #page-calculator .calc-result-panel {
display: flex;
flex-direction: column;
}
body:not(.hub-phone) #page-calculator .calc-result-title {
+1 -1
View File
@@ -16,7 +16,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=20260720-calc-desktop-split" />
<link rel="stylesheet" href="/assets/app.css?v=20260720-calc-equal-height" />
<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>