Replace contact form with alert on submission

BeauFindlay/src/BeauFindlay.Client/Pages/Contact.razor

@@ -13,6 +13,8 @@
     </p>
 </div>
 
+@if (!isSubmitted)
+{
     <div class="mx-auto max-w-xl pt-8 pb-4">
         <EditForm Model="contactInput" OnValidSubmit="HandleValidSubmit">
             <DataAnnotationsValidator/>
@@ -51,10 +53,10 @@
 
         </EditForm>
     </div>
-
-@if (isSubmitted)
+}
+else
 {
-    <div class="m-auto max-w-xl">
+    <div class="m-auto max-w-xl py-14">
         @if (sendEmailSuccess)
         {
             <Alert Type="AlertType.Success" Title="Email sent successfully">

BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css

@@ -803,6 +803,26 @@ video {
   padding-bottom: 2rem;
 }
 
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
+.py-14 {
+  padding-top: 3.5rem;
+  padding-bottom: 3.5rem;
+}
+
 .pb-2 {
   padding-bottom: 0.5rem;
 }