More Identity Tailwind Updates

NetCoreTemplates · Nov 19, 2023 · 807dcca · 807dcca
1 parent 0d23fa4
commit 807dcca
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 30 deletions.
diff --git a/MyApp/Views/Account/AccessDenied.cshtml b/MyApp/Views/Account/AccessDenied.cshtml
@@ -4,7 +4,7 @@
 
 <div class="mt-8 flex justify-center">
     <div>
-        <h2 class="@Html.ClassNames(Css.H2, "text-danger")">@ViewData["Title"]</h2>
+        <h2 class="@Css.H2 text-danger">@ViewData["Title"]</h2>
         <p class="my-4 text-danger">You do not have access to this resource.</p>
     </div>
 </div>
diff --git a/MyApp/Views/Account/ConfirmEmail.cshtml b/MyApp/Views/Account/ConfirmEmail.cshtml
@@ -4,7 +4,7 @@
 
 <div class="mt-8 flex justify-center">
     <div>
-        <h2 class="@Html.ClassNames(Css.H2)">@ViewData["Title"]</h2>
+        <h2 class="@Css.H2">@ViewData["Title"]</h2>
         <p class="my-4">Thank you for confirming your email.</p>
     </div>
 </div>
diff --git a/MyApp/Views/Account/ForgotPasswordConfirmation.cshtml b/MyApp/Views/Account/ForgotPasswordConfirmation.cshtml
@@ -4,7 +4,7 @@
 
 <div class="mt-8 flex justify-center">
     <div>
-        <h2 class="@Html.ClassNames(Css.H2)">@ViewData["Title"]</h2>
+        <h2 class="@Css.H2">@ViewData["Title"]</h2>
         <p class="my-4">Please check your email to reset your password.</p>
     </div>
 </div>
diff --git a/MyApp/Views/Account/Lockout.cshtml b/MyApp/Views/Account/Lockout.cshtml
@@ -4,7 +4,7 @@
 
 <div class="mt-8 flex justify-center">
     <div>
-        <h2 class="@Html.ClassNames(Css.H2) text-danger">@ViewData["Title"]</h2>
+        <h2 class="@Css.H2 text-danger">@ViewData["Title"]</h2>
         <p class="my-4 text-danger">This account has been locked out, please try again later.</p>
     </div>
 </div>
diff --git a/MyApp/Views/Account/Logout.cshtml b/MyApp/Views/Account/Logout.cshtml
@@ -4,7 +4,7 @@
 
 <div class="mt-8 flex justify-center">
     <div>
-        <h2 class="@Html.ClassNames(Css.H2)">@ViewData["Title"]</h2>
+        <h2 class="@Css.H2">@ViewData["Title"]</h2>
         <p class="my-4">You have successfully signed out.</p>
     </div>
 </div>
diff --git a/MyApp/Views/Account/ResetPassword.cshtml b/MyApp/Views/Account/ResetPassword.cshtml
@@ -3,31 +3,44 @@
     ViewData["Title"] = "Reset password";
 }
 
-<h2>@ViewData["Title"]</h2>
-<h4>Reset your password.</h4>
-<hr />
-<div class="row">
-    <div class="col-md-4">
-        <form method="post">
-            <div asp-validation-summary="All" class="text-danger"></div>
-            <input asp-for="Code" type="hidden" />
-            <div class="form-group">
-                <label asp-for="Email"></label>
-                <input asp-for="Email" class="form-control" />
-                <span asp-validation-for="Email" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="Password"></label>
-                <input asp-for="Password" class="form-control" />
-                <span asp-validation-for="Password" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="ConfirmPassword"></label>
-                <input asp-for="ConfirmPassword" class="form-control" />
-                <span asp-validation-for="ConfirmPassword" class="text-danger"></span>
-            </div>
-            <button type="submit" class="btn btn-default">Reset</button>
-        </form>
+<div class="mt-8 mx-auto max-w-lg">
+    <h1 class="mb-4 @Css.H1">Reset password</h1>
+    <h2 class="@Css.H2">Reset your password.</h2>
+
+    <div class="mt-3 shadow overflow-hidden sm:rounded-md">
+        <div class="px-4 bg-white dark:bg-black sm:p-6">
+            <form method="post">
+                <div asp-validation-summary="ModelOnly" class="text-danger text-center font-semibold" role="alert"></div>
+                <input asp-for="Code" type="hidden" />
+
+                <div class="flex flex-col gap-y-4">
+                    <div>
+                        <label asp-for="Email" class="@Css.LabelClasses"></label>
+                        <div class="mt-1 relative rounded-md shadow-sm">
+                            <input asp-for="Email" class="@Css.InputText" autocomplete="username" aria-required="true" placeholder="[email protected]" />
+                        </div>
+                        <span asp-validation-for="Email" class="mt-2 text-danger text-sm"></span>
+                    </div>
+                    <div>
+                        <label asp-for="Password" class="@Css.LabelClasses"></label>
+                        <div class="mt-1 relative rounded-md shadow-sm">
+                            <input asp-for="Password" class="@Css.InputText" autocomplete="new-password" aria-required="true" placeholder="Please enter your password." />
+                        </div>
+                        <span asp-validation-for="Password" class="mt-2 text-danger text-sm"></span>
+                    </div>
+                    <div>
+                        <label asp-for="ConfirmPassword" class="@Css.LabelClasses"></label>
+                        <div class="mt-1 relative rounded-md shadow-sm">
+                            <input asp-for="ConfirmPassword" class="@Css.InputText" autocomplete="new-password" aria-required="true" placeholder="Please confirm your password." />
+                        </div>
+                        <span asp-validation-for="ConfirmPassword" class="mt-2 text-danger text-sm"></span>
+                    </div>
+                    <div>
+                        <button type="submit" class="@Css.PrimaryButton">Reset</button>
+                    </div>
+                </div>
+            </form>
+        </div>
     </div>
 </div>