Add spacing around StatusMessages

NetCoreTemplates · Nov 8, 2023 · bfc48a6 · bfc48a6
1 parent 80c1253
commit bfc48a6
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 8 deletions.
diff --git a/MyApp/Components/Identity/StatusMessage.razor b/MyApp/Components/Identity/StatusMessage.razor
@@ -11,7 +11,7 @@
 
 @if (!string.IsNullOrEmpty(message))
 {
-    <div class="alert">
+    <div class="@CssUtils.ClassNames("alert", @class)">
         @if (message.StartsWith("Error"))
         {
             <div class="rounded-md bg-red-50 dark:bg-red-900 p-4">
@@ -58,6 +58,8 @@
 @code {
     [Parameter]
     public string? Message { get; set; }
+    [Parameter]
+    public string? @class { get; set; }
 
     [CascadingParameter]
     private HttpContext HttpContext { get; set; } = default!;

diff --git a/MyApp/Pages/Account/ExternalLogin.razor b/MyApp/Pages/Account/ExternalLogin.razor
@@ -25,7 +25,7 @@
 <PageTitle>Register</PageTitle>
 
 <div class="mt-8 mx-auto max-w-lg">
-    <StatusMessage Message="@_message" />
+    <StatusMessage class="mb-3" Message="@_message" />
     <h1 class="@Css.H1">Register</h1>
     <h2 class="@Css.H2" id="external-login-title">Associate your @providerDisplayName account.</h2>
 

diff --git a/MyApp/Pages/Account/Login.razor b/MyApp/Pages/Account/Login.razor
@@ -20,7 +20,7 @@
         <h1 class="mb-3 @Css.H1">
             Use a local account to log in.
         </h1>
-        <StatusMessage Message="@errorMessage" />
+        <StatusMessage class="mb-3" Message="@errorMessage" />
         <section class="mt-4 sm:shadow overflow-hidden sm:rounded-md">
             <EditForm id="account" Model="Input" method="post" OnValidSubmit="LoginUser" FormName="login">
                 <div class="px-4 bg-white dark:bg-black sm:p-6">

diff --git a/MyApp/Pages/Account/Manage/EnableAuthenticator.razor b/MyApp/Pages/Account/Manage/EnableAuthenticator.razor
@@ -25,7 +25,7 @@ else
     <h3 class="@Css.H3">Configure authenticator app</h3>
 
     <div class="max-w-xl" data-module="pages/Account/Manage/EnableAuthenticator.mjs">
-        <StatusMessage />
+        <StatusMessage class="mb-3" />
         <div>
             <p>To use an authenticator app go through the following steps:</p>
             <ol class="list-decimal ml-8">

diff --git a/MyApp/Pages/Account/Manage/ExternalLogins.razor b/MyApp/Pages/Account/Manage/ExternalLogins.razor
@@ -15,7 +15,7 @@
 <PageTitle>Manage your external logins</PageTitle>
 
 <div class="max-w-xl">
-    <StatusMessage />
+    <StatusMessage class="mb-3" />
     @if (_currentLogins?.Count > 0)
     {
         <h3 class="@Css.H3">Registered Logins</h3>

diff --git a/MyApp/Pages/Account/Manage/SetPassword.razor b/MyApp/Pages/Account/Manage/SetPassword.razor
@@ -15,7 +15,7 @@
 <h3 class="@Css.H3">Set your password</h3>
 
 <div class="max-w-xl">
-    <StatusMessage Message="@_message" />
+    <StatusMessage class="mb-3" Message="@_message" />
 
     <p class="text-info">
         You do not have a local username/password for this site. Add a local

diff --git a/MyApp/Pages/Account/Manage/TwoFactorAuthentication.razor b/MyApp/Pages/Account/Manage/TwoFactorAuthentication.razor
@@ -15,7 +15,7 @@
 <h3 class="@Css.H3">Two-factor authentication (2FA)</h3>
 
 <div class="max-w-xl">
-    <StatusMessage />
+    <StatusMessage class="mb-3" />
 
     @if (_consentFeature?.CanTrack ?? true)
     {

diff --git a/MyApp/Pages/Account/ResendEmailConfirmation.razor b/MyApp/Pages/Account/ResendEmailConfirmation.razor
@@ -20,7 +20,7 @@
     <h1 class="mb-3 @Css.H1">Resend email confirmation</h1>
     <h3 class="@Css.H3">Enter your email.</h3>
 
-    <StatusMessage Message="@_message" />
+    <StatusMessage class="mb-3" Message="@_message" />
     <EditForm Model="Input" FormName="resend-email-confirmation" OnValidSubmit="OnValidSubmitAsync" method="post">
         <DataAnnotationsValidator />
         <ValidationSummary class="@Css.ValidationSummary" />