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<{