ui tweaks

NetCoreTemplates · Nov 1, 2023 · 4a22bfe · 4a22bfe
1 parent 2a8d48d
commit 4a22bfe
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/MyApp/Components/Identity/ExternalLoginPicker.razor b/MyApp/Components/Identity/ExternalLoginPicker.razor
@@ -1,4 +1,4 @@
-@using Microsoft.AspNetCore.Authentication
+@using Microsoft.AspNetCore.Authentication
 @using Microsoft.AspNetCore.Identity
 @using MyApp.Components.Pages.Account
 @using MyApp.Data
@@ -23,12 +23,12 @@ else
         <div>
             <AntiforgeryToken />
             <input type="hidden" name="ReturnUrl" value="@ReturnUrl" />
-            <p>
+            <div class="space-x-2">
                 @foreach (var provider in _externalLogins!)
                 {
                     <button type="submit" class="@Css.SecondaryButton" name="provider" value="@provider.Name" title="Log in using your @provider.DisplayName account">@provider.DisplayName</button>
                 }
-            </p>
+            </div>
         </div>
     </form>
 }

diff --git a/MyApp/Pages/Account/ExternalLogin.razor b/MyApp/Pages/Account/ExternalLogin.razor
@@ -1,4 +1,4 @@
-@page "/Account/ExternalLogin"
+@page "/Account/ExternalLogin"
 
 @using System.ComponentModel.DataAnnotations
 @using System.Security.Claims
@@ -29,14 +29,14 @@
     <h1 class="@Css.H1">Register</h1>
     <h2 class="@Css.H2" id="external-login-title">Associate your @providerDisplayName account.</h2>
 
-    <Alert id="external-login-description" Type="AlertType.Information">
+    <Alert id="external-login-description" Type="AlertType.Information" class="my-4">
         You've successfully authenticated with <strong>@providerDisplayName</strong>.
         Please enter an email address for this site below and click the Register button to finish
         logging in.
     </Alert>
 
-    <div class="shadow overflow-hidden sm:rounded-md">
-        <div>
+    <div class="mt-3 shadow overflow-hidden sm:rounded-md">
+        <div class="px-4 bg-white dark:bg-black sm:p-6">
             <EditForm id="confirmation-form" Model="Input" OnValidSubmit="OnValidSubmitAsync" FormName="confirmation" method="post">
                 <DataAnnotationsValidator />
                 <ValidationSummary class="@Css.ValidationSummary" />