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

Separate active season admin card

Browse Source
This commit is contained in:
AzuTear
2026-06-17 13:39:54 +02:00
parent 6d08d6ea01
commit 33975a633c
1 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/admin/AdminLayoutView.vue
+5 -3
View File
@@ -35,7 +35,8 @@ onMounted(async () => {
<template> <template>
<div class="pb-10"> <div class="pb-10">
<div class="grid gap-5 xl:grid-cols-[220px_minmax(0,1fr)]"> <div class="grid gap-5 xl:grid-cols-[220px_minmax(0,1fr)]">
<Card class="h-fit p-2 xl:sticky xl:top-4"> <aside class="space-y-3 xl:sticky xl:top-4 xl:h-fit">
<Card class="p-2">
<nav class="space-y-1"> <nav class="space-y-1">
<RouterLink <RouterLink
v-for="item in navItems" v-for="item in navItems"
@@ -63,8 +64,9 @@ onMounted(async () => {
</div> </div>
</RouterLink> </RouterLink>
</nav> </nav>
</Card>
<div class="mt-3 rounded-lg border border-violet-100 bg-violet-50/60 px-3 py-3"> <Card class="p-3">
<p class="text-[10px] font-semibold uppercase tracking-[0.18em] text-violet-500">Aktive Season</p> <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-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> <p class="mt-1 truncate text-xs text-slate-500">{{ currentSeason.name || 'Bitte Season auswaehlen.' }}</p>
@@ -78,8 +80,8 @@ onMounted(async () => {
<strong class="block text-base leading-5 text-violet-800">{{ item.value }}</strong> <strong class="block text-base leading-5 text-violet-800">{{ item.value }}</strong>
</div> </div>
</div> </div>
</div>
</Card> </Card>
</aside>
<RouterView /> <RouterView />
</div> </div>