From 56ea0ed90e0e12015bc9f704dd2e6b4d66965a40 Mon Sep 17 00:00:00 2001 From: Gregor Vostrak Date: Fri, 29 May 2026 15:33:35 +0200 Subject: [PATCH] move banners on login and register cards into the cards --- resources/js/Components/Banner.vue | 25 ++++++++++++++++--- resources/js/Pages/Auth/Login.vue | 4 +-- resources/js/Pages/Auth/Register.vue | 4 +-- .../Partials/UpdateProfileInformationForm.vue | 4 ++- 4 files changed, 28 insertions(+), 9 deletions(-) diff --git a/resources/js/Components/Banner.vue b/resources/js/Components/Banner.vue index efb38c5d..5f429dc4 100644 --- a/resources/js/Components/Banner.vue +++ b/resources/js/Components/Banner.vue @@ -5,6 +5,15 @@ import { usePage } from '@inertiajs/vue3'; const ALLOWED_STYLES = ['success', 'danger', 'info', 'warning'] as const; type BannerStyle = (typeof ALLOWED_STYLES)[number]; +withDefaults( + defineProps<{ + // Render as a self-contained rounded alert that sits inside a card + // (e.g. the auth card on login/register) instead of a full-width page banner. + card?: boolean; + }>(), + { card: false } +); + const page = usePage<{ flash: { bannerText?: string; @@ -26,10 +35,16 @@ const show = ref(true);
-
+ :class=" + card + ? 'bg-secondary border border-border-secondary rounded-lg mb-4' + : 'bg-secondary border-b border-border-secondary' + "> +
-
+
-

+

{{ message }}

diff --git a/resources/js/Pages/Auth/Login.vue b/resources/js/Pages/Auth/Login.vue index dd6b192c..edfd8f62 100644 --- a/resources/js/Pages/Auth/Login.vue +++ b/resources/js/Pages/Auth/Login.vue @@ -37,8 +37,6 @@ const page = usePage<{