Compact admin layout and preserve admin scroll

This commit is contained in:
AzuTear
2026-06-17 13:30:27 +02:00
parent 4a211189f0
commit e2c74a7378
5 changed files with 73 additions and 80 deletions
@@ -26,22 +26,18 @@ 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 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">
<div class="flex flex-col gap-3 rounded-lg border border-violet-100 bg-white/80 px-4 py-3 lg:flex-row lg:items-center lg:justify-between">
<div class="flex flex-wrap items-center gap-2">
<p class="text-xs font-semibold uppercase tracking-[0.22em] text-violet-500">Season</p>
<span class="rounded-full border border-violet-100 bg-violet-50/70 px-3 py-1.5 text-xs font-semibold 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">
</span>
<span class="rounded-full border border-violet-100 bg-white px-3 py-1.5 text-xs font-semibold text-slate-600">
{{ currentSeason.isCurrent ? 'Public Season' : 'Nicht aktiv' }}
</span>
</div>
</span>
</div>
<div class="grid gap-3 lg:min-w-[330px]">
<label class="text-sm font-semibold text-slate-600">Season</label>
<div class="lg:min-w-[330px]">
<Select
v-model="selectedSeasonId"
:options="seasonOptions"