Skip to content

恢复宽屏资源的双格卡片布局 - #58

Merged
Xiiiing merged 1 commit into
mainfrom
codex/restore-mixed-card-sizes
Oct 27, 2026
Merged

Xiiiing merged 1 commit into
mainfrom
codex/restore-mixed-card-sizes

Conversation

@Xiiiing

@Xiiiing Xiiiing commented Oct 27, 2026

Copy link
Copy Markdown
Owner

改版后的样式把标记为宽屏的资源也限制在单列,导致预览全部变成方块。恢复已有的卡片跨度:紧凑组件占一格,宽屏表格、区块和完整页面跨两列;手机仍为单列。

保留四/三/二列断点、16px 间距及统一预览行高,资源顺序、筛选、收藏和卡片内交互不变。更新几何回归,验证宽卡片与普通卡片同时存在,移动端不产生隐式多列。

验证:

  • npm run check:类型/目录检查及 21 项单元测试通过。
  • npm test:生产构建完成,189 项浏览器测试中 188 项通过(含 Firefox / WebKit 全部核心流程)。一项旧的“所有卡片等宽”断言已按单双格布局更新。
  • npm run test:built -- tests/discovery.spec.mjs:10 项全部通过,覆盖更新后的断言、列表加载和详情返回。单双格几何测试另外覆盖 2560/1440/1024/768/375px 和中英文。
  • 112 组尺寸/语言/主题检查、12 组原生缩放检查通过;构建指纹与截图一致。
调整前:全部单格 调整后:单格与双格混排
前 后

设计规则与完整截图记录

Closes #57
后续修复自 #56。

@Xiiiing
Xiiiing merged commit e3d5028 into main Oct 27, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

恢复资源卡片的大小层次与宽卡片展示

1 participant