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

Remove admin summary banner

Browse Source
This commit is contained in:
AzuTear
2026-06-17 13:37:14 +02:00
parent e2c74a7378
commit 6d08d6ea01
1 changed files with 11 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/admin/AdminLayoutView.vue
+11 -27
View File
@@ -20,7 +20,6 @@ const navItems = [
]
const currentSeason = computed(() => store.adminSeasonDetail)
const currentNavItem = computed(() => navItems.find((item) => route.path === item.to) ?? navItems[0])
const seasonSummary = computed(() => [
{ label: 'Kategorien', value: currentSeason.value.categories.length },
{ label: 'Kandidaten', value: currentSeason.value.candidates.length },
@@ -34,32 +33,7 @@ onMounted(async () => {
</script>
<template>
<div class="space-y-5 pb-10">
<Card class="p-3">
<div class="flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
<div class="flex min-w-0 items-center gap-3 px-2">
<div class="grid h-10 w-10 shrink-0 place-items-center rounded-lg bg-violet-100 text-violet-700">
<component :is="currentNavItem.icon" class="h-5 w-5" />
</div>
<div class="min-w-0">
<p class="text-xs font-semibold uppercase tracking-[0.24em] text-violet-500">Admin</p>
<h1 class="truncate text-xl font-semibold text-slate-900">{{ currentNavItem.label }}</h1>
</div>
</div>
<div class="grid gap-2 sm:grid-cols-3 xl:w-[420px]">
<div
v-for="item in seasonSummary"
:key="item.label"
class="rounded-lg border border-violet-100 bg-violet-50/60 px-3 py-2"
>
<p class="text-[10px] font-semibold uppercase tracking-[0.16em] text-slate-500">{{ item.label }}</p>
<strong class="mt-1 block text-lg text-violet-800">{{ item.value }}</strong>
</div>
</div>
</div>
</Card>
<div class="pb-10">
<div class="grid gap-5 xl:grid-cols-[220px_minmax(0,1fr)]">
<Card class="h-fit p-2 xl:sticky xl:top-4">
<nav class="space-y-1">
@@ -94,6 +68,16 @@ onMounted(async () => {
<p class="text-[10px] font-semibold uppercase tracking-[0.18em] text-violet-500">Aktive Season</p>
<p class="mt-1 truncate text-sm font-semibold text-violet-800">{{ currentSeason.year || 'Keine Season' }} · {{ currentSeason.currentPhase || 'Kein Status' }}</p>
<p class="mt-1 truncate text-xs text-slate-500">{{ currentSeason.name || 'Bitte Season auswaehlen.' }}</p>
<div class="mt-3 grid grid-cols-3 gap-1.5">
<div
v-for="item in seasonSummary"
:key="item.label"
class="rounded-md border border-white/80 bg-white/75 px-2 py-1.5"
>
<p class="truncate text-[9px] font-semibold uppercase tracking-[0.12em] text-slate-500">{{ item.label }}</p>
<strong class="block text-base leading-5 text-violet-800">{{ item.value }}</strong>
</div>
</div>
</div>
</Card>