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
@@ -42,7 +42,7 @@ const permissionsForTeam = (teamId: number): Record<string, string[]> =>
    <AppLayout :breadcrumbs="breadcrumbs">
        <Head title="Teams" />

-        <div class="flex flex-1 flex-col gap-6 p-4">
+        <div class="app-page">
            <div
                class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between"
            >
@@ -57,10 +57,7 @@ const permissionsForTeam = (teamId: number): Record<string, string[]> =>
                </Badge>
            </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>