beau/my-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Replace contact form with alert on submission

Browse Source
This commit is contained in:
Beau Findlay
2024-03-14 17:47:54 +00:00
parent 82fa6a156c
commit 9fc5f0c28a
2 changed files with 66 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
BeauFindlay/src/BeauFindlay.Client/Pages/Contact.razor
View File

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

20
BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css vendored
View File

@@ -803,6 +803,26 @@ video {
padding-bottom: 2rem; 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 { .pb-2 {
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }