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}`;