bao/vtuber-awards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve admin navigation and local API reachability

Browse Source
This commit is contained in:
AzuTear
2026-06-17 13:24:41 +02:00
parent 953257bcef
commit 4a211189f0
11 changed files with 330 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/admin/AdminPageHeader.vue
+15
View File
@@ -0,0 +1,15 @@
<script setup lang="ts">
defineProps<{
eyebrow?: string
title: string
description: string
}>()
</script>
<template>
<div class="space-y-3">
<p v-if="eyebrow" class="text-xs font-semibold uppercase tracking-[0.28em] text-violet-500">{{ eyebrow }}</p>
<h2 class="font-[Cormorant_Garamond] text-5xl leading-[0.95] text-violet-800">{{ title }}</h2>
<p class="max-w-3xl text-base leading-7 text-slate-600">{{ description }}</p>
</div>
</template>
frontend/src/components/admin/AdminSeasonToolbar.vue
+13 -3
View File
@@ -21,16 +21,26 @@ const seasonOptions = computed(() =>
value: season.id,
})),
)
const currentSeason = computed(() => store.adminSeasonDetail)
</script>
<template>
<div class="flex flex-col gap-4 rounded-[26px] border border-violet-100 bg-white/80 px-5 py-5 md:flex-row md:items-center md:justify-between">
<div>
<div class="flex flex-col gap-4 rounded-[26px] border border-violet-100 bg-white/80 px-5 py-5 lg:flex-row lg:items-center lg:justify-between">
<div class="space-y-3">
<p class="text-xs font-semibold uppercase tracking-[0.28em] text-violet-500">Arbeitskontext</p>
<p class="mt-2 text-sm text-slate-500">Die gewaehlte Season steuert Kategorien, Kandidaten und Review-Queues im gesamten Admin-Bereich.</p>
<div class="flex flex-wrap gap-3">
<span class="rounded-full border border-violet-100 bg-violet-50/70 px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-slate-600">
{{ currentSeason.currentPhase || 'Kein Status' }}
</span>
<span class="rounded-full border border-violet-100 bg-white px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-slate-600">
{{ currentSeason.isCurrent ? 'Public Season' : 'Nicht aktiv' }}
</span>
</div>
</div>
<div class="grid gap-3 md:min-w-[330px]">
<div class="grid gap-3 lg:min-w-[330px]">
<label class="text-sm font-semibold text-slate-600">Season</label>
<Select
v-model="selectedSeasonId"