winter-software/Wave
winter-software/Wave
1
0
Fork 0
Code Issues Wiki Activity

Improved BoardComponent, applied to Login Page

Browse source
This commit is contained in:
Mia Rose Winter 2024-01-21 17:37:34 +01:00
parent 14843106e7
commit 5467fb88a3
Signed by: miawinter
GPG key ID: 4B6F6A83178F595E
2 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
Wave/Components/Account/Pages/Login.razor
View file

@ -14,14 +14,14 @@
<PageTitle>@Localizer["Title"]</PageTitle> <PageTitle>@Localizer["Title"]</PageTitle>
<StatusMessage Message="@_errorMessage" /> <StatusMessage Message="@_errorMessage" />
<div class="flex gap-y-4 gap-x-8 flex-wrap h-full place-content-center">
<section class="w-80 max-w-xs"> <BoardComponent CenterContent="true">
<h2 class="text-2xl lg:text-4xl mb-3">@Localizer["Title"]</h2> <BoardCardComponent Heading="@Localizer["Title"]">
<EditForm Model="Input" method="post" OnValidSubmit="LoginUser" FormName="login" class="w-full"> <EditForm Model="Input" method="post" OnValidSubmit="LoginUser" FormName="login" class="w-full">
<DataAnnotationsValidator /> <DataAnnotationsValidator />
<InputLabelComponent LabelText="@Localizer["Email_Label"]" For="() => Input.Email"> <InputLabelComponent LabelText="@Localizer["Email_Label"]" For="() => Input.Email">
<InputText @bind-Value="Input.Email" class="input input-bordered w-full" autocomplete="username" <InputText @bind-Value="Input.Email" class="input input-bordered w-full" autocomplete="username"
required aria-required="true" placeholder="@Localizer["Email_Placeholder"]" /> required aria-required="true" placeholder="@Localizer["Email_Placeholder"]" />
</InputLabelComponent> </InputLabelComponent>
<InputLabelComponent LabelText="@Localizer["Password_Label"]" For="() => Input.Password"> <InputLabelComponent LabelText="@Localizer["Password_Label"]" For="() => Input.Password">
@ -56,8 +56,7 @@
</a> </a>
</li> </li>
</ul> </ul>
</section> </BoardCardComponent>
<!-- <!--
<section class="w-80 max-w-xs"> <section class="w-80 max-w-xs">
<h2 class="text-2xl lg:text-4xl mb-3">Use another service to log in.</h2> <h2 class="text-2xl lg:text-4xl mb-3">Use another service to log in.</h2>
@ -65,7 +64,7 @@
<ExternalLoginPicker /> <ExternalLoginPicker />
</section> </section>
--> -->
</div> </BoardComponent>
@code { @code {
private string? _errorMessage; private string? _errorMessage;

4
Wave/Components/BoardComponent.razor
View file

@ -1,8 +1,10 @@
<div class="flex gap-4 flex-wrap"> <div class="flex gap-y-4 gap-x-8 flex-wrap @(CenterContent ? "h-full place-content-center" : string.Empty)">
@ChildContent @ChildContent
</div> </div>
@code { @code {
[Parameter] [Parameter]
public required RenderFragment ChildContent { get; set; } public required RenderFragment ChildContent { get; set; }
[Parameter]
public bool CenterContent { get; set; }
} }