Fit tablet hub to one screen with denser type.

Keep full card content readable; shrink fonts/spacing and use in-table scroll only when positions overflow.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-16 13:22:57 +08:00
parent 7d6f0ac55b
commit 57dad1ffdf
3 changed files with 348 additions and 117 deletions
+14 -8
View File
@@ -4,28 +4,34 @@
---
## 2026-07-16 · 平板监控卡片内容裁切修复
## 2026-07-16 · 平板一屏密度适配(不裁切)
### 修改原因
平板一屏适配用 `overflow:hidden` + 均分 `1fr/1fr` 行高,把永续/期权/分所卡片内容裁掉,表格与余额显示不全
平板字号偏大、留白空、卡片半截裁切或底部大片空黑,显得 low;需要「一屏看完」且正文不被拦腰裁掉
### 修改的地方
| 文件 | 改动摘要 |
|------|----------|
| `manual_trading_hub/static/app.css` | `hub-tablet` 下取消强裁切:卡片/内卡 `overflow:visible`,行高改 `auto`,允许整页滚动;恢复可读字号;去掉过度压缩的平板加密度块 |
| `manual_trading_hub/static/index.html` | CSS 缓存 `20260716-hub-tablet-noclip` |
| `manual_trading_hub/static/app.css` | `hub-tablet`:锁 100dvh;压缩字号/间距;监控区 flex 填满;竖屏 OKX 上 + Gate/币安并排;表体内滚兜底;资金页缩曲线、压汇总数字、分户卡完整可见 |
| `manual_trading_hub/static/index.html` | CSS 缓存 `20260716-hub-tablet-onescreen` |
### 达成的目标
平板监控区/资金卡片内容完整可见;空间不够时整页可滚,不再把字和表格裁没
平板监控区/资金概况一屏呈现、信息密度接近桌面;常规持仓与分户名称/余额不被裁半;持仓很多时仅表体内滚
### 交付之后的验收
1. 平板强制刷新后,OKX 永续+期权、Binance/Gate 卡片余额与持仓完整可
2. 期权表列(合约/张数/盈亏等)不被裁切
3. 桌面 1920×1080 一屏规则仍可用(无 `hub-tablet` 时)
1. 平板强制刷新后,监控区三所卡片同屏,余额与持仓完整可
2. 资金概况:四格汇总 + 曲线 + 分户卡同一屏,账户名不被切半
3. 底部不再大片空黑;桌面大屏一屏规则不受影响
---
## 2026-07-16 · 平板监控卡片内容裁切修复(已由一屏密度方案取代)
先前改为整页可滚以避免裁切;用户要求改为「一屏 + 不裁切 + 提密度」,由上一条覆盖。
---