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
@@ -34,7 +34,7 @@ const breadcrumbs: BreadcrumbItem[] = [
    <AppLayout :breadcrumbs="breadcrumbs">
        <Head title="Create user" />

-        <div class="mx-auto flex w-full max-w-3xl flex-1 flex-col gap-6 p-4">
+        <div class="app-page-narrow max-w-3xl">
            <Heading
                title="Create user"
                description="Create a user account and optionally force a password change on the next login."
@@ -52,12 +52,16 @@ const breadcrumbs: BreadcrumbItem[] = [
                <CardContent>
                    <Form
                        v-bind="UserManagementController.store.form()"
-                        :transform="(data) => ({
-                            ...data,
-                            must_change_password_on_next_login:
-                                data.must_change_password_on_next_login === true ||
-                                data.must_change_password_on_next_login === 'on',
-                        })"
+                        :transform="
+                            (data) => ({
+                                ...data,
+                                must_change_password_on_next_login:
+                                    data.must_change_password_on_next_login ===
+                                        true ||
+                                    data.must_change_password_on_next_login ===
+                                        'on',
+                            })
+                        "
                        class="space-y-6"
                        v-slot="{ errors, processing }"
                    >
@@ -128,13 +132,19 @@ const breadcrumbs: BreadcrumbItem[] = [
                                    <span class="block font-medium">
                                        Must change password on next login
                                    </span>
-                                    <span class="text-muted-foreground block text-sm">
-                                        Redirect the user to the security settings page until they save a new password.
+                                    <span
+                                        class="text-muted-foreground block text-sm"
+                                    >
+                                        Redirect the user to the security
+                                        settings page until they save a new
+                                        password.
                                    </span>
                                </span>
                            </Label>
                            <InputError
-                                :message="errors.must_change_password_on_next_login"
+                                :message="
+                                    errors.must_change_password_on_next_login
+                                "
                            />
                        </div>