torsten/trainingstagebuch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(official-tournaments): add venue display in tournament overview
All checks were successful
Deploy tt-tagebuch / deploy (push) Successful in 56s
Details

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-09-09 13:31:44 +02:00
parent ab4d99192e
commit 27b149eb7f
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/views/OfficialTournaments.vue
View File

@@ -258,6 +258,10 @@
<button :class="['tab', activeTab==='tactics' ? 'active' : '']" @click="openTactics">Taktik</button>
</div>
<div v-if="activeTab==='overview'">
<div v-if="calendarEntryLocationLabel" class="overview-venue">
<span>Austragungsort</span>
<strong>{{ calendarEntryLocationLabel }}</strong>
</div>
<h3>Teilnehmer</h3>
<div class="filters">
<label for="participantsFilter">Status:</label>
@@ -2302,11 +2306,15 @@ table { width: 100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid var(--border-color); padding: 0.5rem; text-align: left; }
.comp-details td { background: var(--background-light, #fafafa); }
.details { display: grid; grid-template-columns: 1fr; gap: .4rem 0; padding: .5rem 0; }
.official-tournaments .btn-primary { color: #fff; }
.official-tournaments .btn-primary,
.official-tournaments .btn-register,
.official-tournaments .btn-participate { color: #fff !important; }
.official-tournaments .btn-secondary { color: #222; }
.official-tournaments .btn-primary:disabled,
.official-tournaments .btn-secondary:disabled { opacity: .6; }
.detail-item { font-size: .95rem; }
.overview-venue { display: flex; flex-direction: column; gap: .18rem; margin: .75rem 0; padding: .65rem .8rem; background: #f2f7fd; border: 1px solid #cfe0f5; border-left: 4px solid #2a72b8; border-radius: 6px; color: #26394a; }
.overview-venue span { font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #59718d; }
.eligible-list { margin-top: .25rem; display: flex; flex-wrap: wrap; gap: .25rem .5rem; }
.eligible-name { background: var(--background, #f1f1f1); border: 1px solid var(--border-color, #ddd); border-radius: 4px; padding: 2px 6px; }
.eligible-table { width: 100%; border-collapse: collapse; margin-top: .25rem; }