調整記分板手機滿版模式並更新說明

This commit is contained in:
2026-04-28 18:17:41 +08:00
parent f3e51ea83d
commit 30a8e1a44c
5 changed files with 146 additions and 52 deletions

View File

@@ -16,6 +16,7 @@
- 第一分開始後,`設定隊伍` 會改成 `上一步`
- `比賽結算` 需要長按 `1` 秒才會觸發,避免誤觸。
- 達標分數後有獲勝動畫與結算流程。
- 手機上會盡量壓縮成單頁滿版,避免上下滑動。
- 羽球規則
- 預設 `21` 分制,可在設定隊伍時調整目標分數。
- 支援 Deuce`20:20` 後需領先 `2` 分才獲勝。
@@ -76,6 +77,13 @@ npm run lint
npm run build
```
## 記分板滿版模式
- 記分板頁面會套用 `100dvh` 高度。
- 手機進入記分板時會關閉頁面捲動與 overscroll。
- `viewport` 已加上 `viewport-fit=cover`,較能貼合 iPhone / iPad 安全區。
- 若手機高度較矮,會再縮小字級、按鈕與分數區,盡量維持整頁顯示。
## 環境變數
請先建立 `.env`