[frontend/components] Update login page styling

Iceshrimp.Frontend/Pages/Login.razor

@@ -3,19 +3,24 @@
 @using Iceshrimp.Frontend.Core.Miscellaneous
 @using Iceshrimp.Frontend.Core.Schemas
 @using Iceshrimp.Frontend.Core.Services
+@using Iceshrimp.Frontend.Localization
 @using Iceshrimp.Shared.Schemas.Web
+@using Microsoft.Extensions.Localization
 @inject ApiService        Api
 @inject SessionService    SessionService
 @inject NavigationManager Navigation
+@inject IStringLocalizer<Localization> Loc;
 @layout LoginLayout
-<h3>Login</h3>
-<div>
-    <input
+<div class="body">
+    <span><h3>Login</h3></span>
+    <div class="login-form">
+        <input placeholder="@Loc["Username"]" required="required"
             @bind="@Username"/>
-    <input type="password" required="required"
+        <input type="password" placeholder="@Loc["Password"]" required="required"
                 @bind="@Password"/>
-    <button @onclick="Submit" disabled="@Loading">Login</button>
+        <button class="button" @onclick="Submit" disabled="@Loading">@Loc["Login"]</button>
     </div>
+
 @if (Loading)
 {
     <span>Loading!</span>
@@ -25,8 +30,9 @@
     <span>Authentication Failed</span>
 }
 
-<p>A login page is being constructed here.</p>
+<span><p>A login page is being constructed here.</p></span>
 
+</div>
 @code {
     [SupplyParameterFromQuery(Name = "rd")]
     [SuppressMessage("ReSharper", "UnusedAutoPropertyAccessor.Local")]

Iceshrimp.Frontend/Pages/Login.razor.css

@@ -0,0 +1,11 @@
+.body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.login-form {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}