v0.6.5: size hero detail drawer from viewport; add PC post-lock item tips.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-30 17:08:32 +08:00
parent fefd8c7823
commit 22a9cf256d
16 changed files with 603 additions and 128 deletions
@@ -233,7 +233,8 @@ components:
 ## Layout

 桌面壳：顶栏固定高度区 + 可滚动 `main.board`；英雄页的英雄网格与固定高 `#detail`
-之间放置一行定位筛选。选中英雄后 `#detail` 使用共享固定高度（约 `min(640px, …)`），
+之间放置一行定位筛选。选中英雄后 `#detail` 使用共享固定高度：按视口预留顶栏 + 约 24% 英雄网格 +
+定位标签后取余，再 `clamp` 到约 `320–640px`（CSS 回退 `min(640px, calc(100dvh - 17.5rem))`），
 Tab 切换不跳动；技能演示与文案左右排布，长 Tab（走势/对位等）在详情区内滚动。
 技能演示片源为官网 16:9；有横向空间时加宽（上限约 720px / 列宽 58%），
 `aspect-ratio: 16/9` + `object-fit: contain`，勿用拉满高度的 `cover` 裁左右。