Implement Fluid Emerald app redesign

2026-07-18 16:45:54 +02:00
parent 59817ad30f
commit a46695c2eb
62 changed files with 2165 additions and 1434 deletions
@@ -45,7 +45,7 @@ const hasPermission = (actorId: number, permission: string) =>
    <AppLayout :breadcrumbs="breadcrumbs">
        <Head title="User management" />

-        <div class="flex flex-1 flex-col gap-6 p-4">
+        <div class="app-page">
            <div class="flex items-start justify-between gap-4">
                <Heading
                    title="User management"
@@ -67,10 +67,7 @@ const hasPermission = (actorId: number, permission: string) =>
                </div>
            </div>

-            <div
-                v-if="status"
-                class="rounded-xl border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900 dark:border-emerald-900/70 dark:bg-emerald-950/40 dark:text-emerald-100"
-            >
+            <div v-if="status" class="status-success">
                {{ status }}
            </div>