Split OKX monitor into perp and options cards.

Align four exchange cards in a 2x2 grid so 1080p layout stays balanced. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-16 13:47:21 +08:00
parent bde8c517e0
commit 018b4d5601
4 changed files with 98 additions and 52 deletions
@@ -4,6 +4,32 @@

 ---

+## 2026-07-16 · OKX 拆成永续/期权双卡(2×2 对齐)
+
+### 修改原因
+
+OKX 单卡内嵌永续+期权过高，右侧币安/Gate 两卡对不齐，1080p 观感不协调。按产品建议改为四卡对齐。
+
+### 修改的地方
+
+| 文件 | 改动摘要 |
+|------|----------|
+| `manual_trading_hub/static/app.js` | 期权分栏时 OKX 渲染为「·永续」「·期权」两张独立卡；标题与操作按钮按卡片分流 |
+| `manual_trading_hub/static/app.css` | 左右列均 `1fr/1fr`，四卡 2×2 等高对齐；卡体内滚 |
+| `manual_trading_hub/static/index.html` | 静态资源缓存 `20260716-hub-okx-2x2` |
+
+### 达成的目标
+
+监控区呈现：左上永续 / 左下期权 / 右上币安 / 右下 Gate，四卡对齐。
+
+### 交付之后的验收
+
+1. 桌面监控区可见 `OKX_趋势 · 永续` 与 `OKX_趋势 · 期权` 两张独立卡。  
+2. 四卡与右侧币安、Gate 同行等高，不再一大两小。  
+3. 点击任一张 OKX 卡标题仍可全屏；期权卡「全平」不重复出现。
+
+---
+
 ## 2026-07-16 · 1080p 监控区无持仓空洞收紧

 ### 修改原因