diff --git a/README.md b/README.md index 7859c5b..a5220ce 100644 --- a/README.md +++ b/README.md @@ -38,7 +38,7 @@ - 點擊任一筆可開啟得分紀錄彈窗 - 彈窗右上角提供 `X` 關閉按鈕,手機更容易操作 - 每筆資料可單獨刪除 - - 刪除前會進行二次確認,降低誤刪風險 + - 刪除前只會提示一次確認視窗 ## 本機開發 diff --git a/src/App.css b/src/App.css index 1217477..63e7ed3 100644 --- a/src/App.css +++ b/src/App.css @@ -1473,8 +1473,8 @@ position: relative; width: min(680px, 100%); display: grid; - gap: 16px; - padding: 22px 20px; + gap: 10px; + padding: 18px 18px 16px; border-radius: 24px; background: linear-gradient(180deg, #fff8e8, #ffe5ad); box-shadow: @@ -1520,41 +1520,43 @@ .history-modal-score { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); - gap: 12px; + gap: 8px; align-items: center; - padding: 16px; - border-radius: 18px; + padding: 10px 12px; + border-radius: 14px; background: rgba(255, 249, 238, 0.94); } .history-modal-score div { display: grid; - gap: 6px; + gap: 2px; justify-items: center; text-align: center; } .history-modal-score strong { font-family: var(--mono); - font-size: 2.5rem; + font-size: 1.9rem; line-height: 1; color: #16342f; } .history-modal-score span { + font-size: 0.88rem; color: #5f4a35; } .history-modal-score-divider { font-family: var(--mono); - font-size: 1.8rem; + font-size: 1.3rem; color: #70543c; } .history-modal-summary { display: flex; flex-wrap: wrap; - gap: 10px; + gap: 8px; + font-size: 0.86rem; color: #5f4a35; } @@ -1854,7 +1856,8 @@ } .history-modal { - padding: 18px 14px; + gap: 8px; + padding: 14px 12px; border-radius: 18px; } @@ -1877,11 +1880,13 @@ } .history-modal-score { - grid-template-columns: 1fr; + grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); + gap: 6px; + padding: 8px 10px; } .history-modal-score-divider { - display: none; + display: block; } .history-replay-row { diff --git a/src/pages/HistoryPage.tsx b/src/pages/HistoryPage.tsx index 56ad01d..98c1592 100644 --- a/src/pages/HistoryPage.tsx +++ b/src/pages/HistoryPage.tsx @@ -53,14 +53,6 @@ export function HistoryPage() { return } - const confirmedAgain = window.confirm( - `請再次確認要刪除這筆戰績:\n${item.leftTeamName} vs ${item.rightTeamName}`, - ) - - if (!confirmedAgain) { - return - } - setDeletingId(item.id) setError('') @@ -128,7 +120,7 @@ export function HistoryPage() { 比分:{item.score[0]} - {item.score[1]} 模式:{item.typeLabel} - 勝利分數:{item.winScore} + 獲勝分數:{item.winScore}