notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/components] Update login page styling

Browse source
This commit is contained in:
Jeder 2024-10-24 22:09:57 +02:00 • committed by Lilian
parent d3dd095a3a
commit 8bee412401
No known key found for this signature in database
2 changed files with 26 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
Iceshrimp.Frontend/Pages/Login.razor
View file

@ -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
@bind="@Username"/>
<input type="password" required="required"
@bind="@Password"/>
<button @onclick="Submit" disabled="@Loading">Login</button>
</div>
<div class="body">
<span><h3>Login</h3></span>
<div class="login-form">
<input placeholder="@Loc["Username"]" required="required"
@bind="@Username"/>
<input type="password" placeholder="@Loc["Password"]" required="required"
@bind="@Password"/>
<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")]

11
Iceshrimp.Frontend/Pages/Login.razor.css
View file

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