From 5467fb88a304beef1b1ce606ed91a4b0397f2d04 Mon Sep 17 00:00:00 2001
From: Mia Winter <mia@miawinter.de>
Date: Sun, 21 Jan 2024 17:37:34 +0100
Subject: [PATCH] Improved BoardComponent, applied to Login Page

---
 Wave/Components/Account/Pages/Login.razor | 15 +++++++--------
 Wave/Components/BoardComponent.razor      |  4 +++-
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/Wave/Components/Account/Pages/Login.razor b/Wave/Components/Account/Pages/Login.razor
index b66a5e8..8379c00 100644
--- a/Wave/Components/Account/Pages/Login.razor
+++ b/Wave/Components/Account/Pages/Login.razor
@@ -14,14 +14,14 @@
 <PageTitle>@Localizer["Title"]</PageTitle>
 
 <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">
-        <h2 class="text-2xl lg:text-4xl mb-3">@Localizer["Title"]</h2>
+
+<BoardComponent CenterContent="true">
+    <BoardCardComponent Heading="@Localizer["Title"]">
         <EditForm Model="Input" method="post" OnValidSubmit="LoginUser" FormName="login" class="w-full">
             <DataAnnotationsValidator />
-            
+
             <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"]" />
             </InputLabelComponent>
             <InputLabelComponent LabelText="@Localizer["Password_Label"]" For="() => Input.Password">
@@ -56,8 +56,7 @@
                 </a>
             </li>
         </ul>
-    </section>
-    
+    </BoardCardComponent>
     <!--
     <section class="w-80 max-w-xs">
         <h2 class="text-2xl lg:text-4xl mb-3">Use another service to log in.</h2>
@@ -65,7 +64,7 @@
         <ExternalLoginPicker />
     </section>
     -->
-</div>
+</BoardComponent>
 
 @code {
     private string? _errorMessage;
diff --git a/Wave/Components/BoardComponent.razor b/Wave/Components/BoardComponent.razor
index 6c9911c..a22332f 100644
--- a/Wave/Components/BoardComponent.razor
+++ b/Wave/Components/BoardComponent.razor
@@ -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
 </div>
 
 @code {
     [Parameter]
     public required RenderFragment ChildContent { get; set; }
+    [Parameter]
+    public bool CenterContent { get; set; }
 }