diff --git a/frontend/src/components/MatchReportApiDialog.vue b/frontend/src/components/MatchReportApiDialog.vue index 3db0b9d3..6e04f278 100644 --- a/frontend/src/components/MatchReportApiDialog.vue +++ b/frontend/src/components/MatchReportApiDialog.vue @@ -465,8 +465,9 @@ - + + @@ -2281,6 +2282,14 @@ Wir wünschen den Spielen einen schönen, spannenden und fairen Verlauf und begr const current = sets[setIndex] || ''; this.results[matchIndex].sets[setIndex] = current.slice(0, -1); }, + setKeyboardClear() { + if (!this.editingSetCell || !this.results[this.editingSetCell.matchIndex]) return; + const { matchIndex, setIndex } = this.editingSetCell; + if (!this.results[matchIndex].sets) { + this.$set(this.results[matchIndex], 'sets', ['', '', '', '', '']); + } + this.results[matchIndex].sets[setIndex] = ''; + }, setKeyboardOk() { if (!this.editingSetCell) return; const { matchIndex, setIndex } = this.editingSetCell; @@ -3960,11 +3969,17 @@ Wir wünschen den Spielen einen schönen, spannenden und fairen Verlauf und begr .set-key:active { background: #e0e0e0; } -.set-key-backspace { +.set-key-backspace, +.set-key-clear { font-size: 1.1rem; + color: #c62828; + border-color: #c62828; +} +.set-key-backspace:active, +.set-key-clear:active { + background: #ffebee; } .set-key-ok { - grid-column: span 2; background: var(--primary-color, #1976d2); color: #fff; border-color: var(--primary-hover, #1565c0);