Tighten empty monitor cards on 1080p.

Size no-position blocks to content and give remaining height to options/positions. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-16 13:42:26 +08:00
parent 480f6d78e8
commit bde8c517e0
3 changed files with 73 additions and 14 deletions
@@ -4,6 +4,31 @@

 ---

+## 2026-07-16 · 1080p 监控区无持仓空洞收紧
+
+### 修改原因
+
+1920×1080 上一屏适配用 `1fr/1fr` 把永续/分所空卡强行均分拉高，「无持仓」下方大片空洞；带鱼屏尚可，短屏观感差。
+
+### 修改的地方
+
+| 文件 | 改动摘要 |
+|------|----------|
+| `manual_trading_hub/static/app.css` | OKX 内卡改为 `auto + 1fr`（永续按内容、期权吃剩余）；右侧 Gate/币安改为 `auto auto` 按内容收紧；1080p 短屏左侧略加宽 |
+| `manual_trading_hub/static/index.html` | CSS 缓存 `20260716-hub-1080-tight` |
+
+### 达成的目标
+
+无持仓区块不再被拉成半屏空黑；有期权/持仓的区域拿到更多可视高度。
+
+### 交付之后的验收
+
+1. 1920×1080 监控区：永续「无持仓」仅占内容高度，期权表区域明显变高。  
+2. 右侧币安/Gate 无仓时卡片贴内容，不再卡片内大片空洞。  
+3. 带鱼屏布局仍可用；持仓变多时右侧列可内滚。
+
+---
+
 ## 2026-07-16 · 电脑端误判平板导致发糊

 ### 修改原因