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:
+14
-8
@@ -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 · 平板监控卡片内容裁切修复(已由一屏密度方案取代)
|
||||
|
||||
先前改为整页可滚以避免裁切;用户要求改为「一屏 + 不裁切 + 提密度」,由上一条覆盖。
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user