Move user menu to sidebar, fixes #35

This commit is contained in:
2025-11-14 17:45:57 +01:00
parent 81f0c1ce56
commit f00117ed26
13 changed files with 328 additions and 365 deletions
+11 -17
View File
@@ -7,27 +7,21 @@ import PlaceholderPattern from '../components/PlaceholderPattern.vue';
<template>
<Head title="Erfolge" />
<AppLayout title="Erfolge">
<div>
<h1 class="text-xl">Kategorie</h1>
<h2 class="text-sm text-neutral-400 mb-4">3 von 10 freigeschaltet</h2>
<AppLayout>
<div class="flex h-full flex-1 flex-col gap-4 overflow-x-auto rounded-xl p-4">
<div>
<h1 class="text-xl">Kategorie</h1>
<h2 class="text-sm text-neutral-400 mb-4">3 von 10 freigeschaltet</h2>
<div class="flex flex-row flex-wrap gap-4">
<div v-for="n in 10" class="relative flex flex-col items-center">
<div
class="w-48 relative aspect-square overflow-hidden rounded-full border border-sidebar-border/70 dark:border-sidebar-border">
<PlaceholderPattern />
</div>
<label class="">Erfolg {{ n
}}</label>
<div class="flex flex-row flex-wrap gap-4">
<div v-for="n in 10" class="relative flex flex-col items-center">
<div
class="w-48 relative aspect-square overflow-hidden rounded-full border border-sidebar-border/70 dark:border-sidebar-border">
<PlaceholderPattern />
</div>
<label class="">Erfolg {{ n
}}</label>
</div>
</div>
</div>
</AppLayout>
</template>