diff --git a/frontend/src/assets/css/main.scss b/frontend/src/assets/css/main.scss index d9d6ae8..39afe9c 100644 --- a/frontend/src/assets/css/main.scss +++ b/frontend/src/assets/css/main.scss @@ -369,8 +369,8 @@ th, td { th { background: linear-gradient(135deg, var(--primary-color), var(--primary-hover)); color: white; - font-weight: 700; - text-transform: none; + font-weight: 600; + text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.4px; } diff --git a/frontend/src/views/ScheduleView.vue b/frontend/src/views/ScheduleView.vue index d428b8b..b08da72 100644 --- a/frontend/src/views/ScheduleView.vue +++ b/frontend/src/views/ScheduleView.vue @@ -82,25 +82,25 @@ {{ match.leagueDetails?.name || 'N/A' }} - - {{ match.code }} {{ match.code }} - {{ match.homePin }} - {{ match.guestPin }} - @@ -698,19 +698,11 @@ export default { return ''; // Keine besondere Farbe }, - async copyToClipboard(text, type) { + async copyToClipboard(text, type, event) { try { await navigator.clipboard.writeText(text); // Zeige eine kurze Bestätigung - const originalText = event.target.textContent; - event.target.textContent = '✓'; - event.target.style.color = '#4CAF50'; - - setTimeout(() => { - event.target.textContent = originalText; - event.target.style.color = ''; - }, 1000); - + this.showCopyFeedback(event.target, text); } catch (err) { console.error('Fehler beim Kopieren:', err); // Fallback für ältere Browser @@ -720,8 +712,40 @@ export default { textArea.select(); document.execCommand('copy'); document.body.removeChild(textArea); + + // Auch für Fallback eine Bestätigung zeigen + this.showCopyFeedback(event.target, text); } }, + + showCopyFeedback(element, originalText) { + // Speichere die ursprünglichen Styles + const originalStyles = { + textContent: element.textContent, + color: element.style.color, + backgroundColor: element.style.backgroundColor, + borderColor: element.style.borderColor, + fontWeight: element.style.fontWeight + }; + + // Ändere das Element zu einem grünen Häkchen + element.textContent = '✓'; + element.style.color = '#4CAF50'; + element.style.backgroundColor = '#e8f5e8'; + element.style.borderColor = '#4CAF50'; + element.style.fontWeight = 'bold'; + element.style.fontSize = '1.2em'; + + // Nach 1.5 Sekunden zurücksetzen + setTimeout(() => { + element.textContent = originalStyles.textContent; + element.style.color = originalStyles.color; + element.style.backgroundColor = originalStyles.backgroundColor; + element.style.borderColor = originalStyles.borderColor; + element.style.fontWeight = originalStyles.fontWeight; + element.style.fontSize = ''; + }, 1500); + }, openMatchReport(match) { const title = `${match.homeTeam?.name || 'N/A'} vs ${match.guestTeam?.name || 'N/A'} - ${this.selectedLeague}`;