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
@@ -41,10 +41,10 @@ const hasPermission = (
 </script>

 <template>
-    <AppLayout :breadcrumbs="breadcrumbs">
+    <AppLayout :breadcrumbs="breadcrumbs" :project="project">
        <Head :title="`${project.name} access`" />

-        <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"
            >
@@ -75,10 +75,7 @@ const hasPermission = (
                </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>