Skip to content

Wrap Guandan team rows for mobile scoreboard layout#8

Merged
TypeThe0ry merged 1 commit into
mainfrom
codex/fix-guandan-team-row-layout-issues
Jun 27, 2026
Merged

Wrap Guandan team rows for mobile scoreboard layout#8
TypeThe0ry merged 1 commit into
mainfrom
codex/fix-guandan-team-row-layout-issues

Conversation

@TypeThe0ry

Copy link
Copy Markdown
Owner

Motivation

  • 修复掼蛋计分板在移动端未生效的问题,使现有面向 .guandan-teams 的媒体查询在两个断点(768px / 480px)均能正确应用。

Description

  • static/index.html 中为原本直接 v-for 渲染的 .guandan-team-row 添加了外层包装 <div class="guandan-teams">,并保留每个 .guandan-team-row 上的 v-for 与现有结构以保持渲染不变。

Testing

  • 运行 npm test 时失败,因为仓库的 package.json 中没有定义 test 脚本,无法执行自动化测试。

Codex Task

@TypeThe0ry TypeThe0ry marked this pull request as ready for review June 27, 2026 10:59
Copilot AI review requested due to automatic review settings June 27, 2026 10:59
@TypeThe0ry TypeThe0ry merged commit 7a44112 into main Jun 27, 2026

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR fixes the Guandan mobile scoreboard layout by adding the missing .guandan-teams wrapper so the existing responsive CSS (768px / 480px breakpoints) can correctly target and lay out team rows.

Changes:

  • Wrapped the v-for rendered .guandan-team-row elements in a new <div class="guandan-teams"> container in static/index.html.
  • Preserved the existing v-for and per-row structure to avoid changing rendered team-row content, while enabling the intended media-query grid layout.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@TypeThe0ry TypeThe0ry deleted the codex/fix-guandan-team-row-layout-issues branch June 27, 2026 11:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants