Taiko_Stuff/TaikoLocalServer
1
0
Fork 0
mirror of synced 2025-01-31 12:23:50 +01:00
Code Releases Activity

Fixed some mobile view layout issues

Browse Source
This commit is contained in:
S-Sebb 2023-11-13 13:15:45 +00:00
parent 509ac85718
commit a41b144910
4 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
TaikoWebUI/Pages/AccessCode.razor
View File

@ -34,7 +34,7 @@ else
{
@if ((LoginService.LoginRequired && (!LoginService.IsLoggedIn || (LoginService.GetLoggedInUser().Baid != Baid && !LoginService.IsAdmin))) || User is null)
{
<MudItem xs="12">
<MudItem xs="12" md="6" lg="4">
<MudText Align="Align.Center" Class="my-8">
Please log in by clicking on "Users" tab first.
</MudText>
@ -43,7 +43,7 @@ else
else
{
<MudGrid Justify="Justify.Center">
<MudItem xs="6" md="4" lg="4">
<MudItem xs="12" md="6" lg="4">
<MudCard>
<MudCardContent>
<MudForm @ref="bindAccessCodeForm">
@ -61,7 +61,7 @@ else
{
var accessCode = User.AccessCodes[idx];
var localIdx = idx + 1;
<MudItem xs="6" md="4" lg="4">
<MudItem xs="12" md="6" lg="4">
<MudCard Outlined="true">
<MudCardHeader>
<CardHeaderContent>

6
TaikoWebUI/Pages/ChangePassword.razor
View File

@ -15,14 +15,14 @@ else
{
<MudContainer>
<MudGrid Justify="Justify.Center">
<MudItem xs="4" class="mt-8">
<MudItem xs="12" md="6" lg="4" class="mt-8">
<MudCard>
<MudCardContent>
<MudForm @ref="changePasswordForm">
<MudText Typo="Typo.h4" Align="Align.Center">Change Password</MudText>
<MudTextField @bind-value="cardNum" InputType="InputType.Text" T="string"
FullWidth="true" Required="@true" RequiredError="Card Number is required"
Label="Card Number"/>
FullWidth="true" Required="@true" RequiredError="Access code is required"
Label="Access Code"/>
<MudTextField @bind-Value="oldPassword" InputType="InputType.Password"
T="string" FullWidth="true" Required="@true"
RequiredError="Old Password is required"

10
TaikoWebUI/Pages/Register.razor
View File

@ -15,7 +15,7 @@ else
{
<MudContainer>
<MudGrid Justify="Justify.Center">
<MudItem xs="4" class="mt-8">
<MudItem xs="12" md="6" lg="4" class="mt-8">
<MudCard>
<MudCardContent>
<MudForm @ref="registerForm">
@ -25,13 +25,7 @@ else
Label="Access Code"/>
@if (LoginService.RegisterWithLastPlayTime)
{
<MudDatePicker @ref="datePicker" Label="Last Play Date" @bind-Date="date" AutoClose="false">
<PickerActions>
<MudButton Class="mr-auto align-self-start" OnClick="@(() => datePicker.Clear())">Clear</MudButton>
<MudButton OnClick="@(() => datePicker.Close(false))">Cancel</MudButton>
<MudButton Color="Color.Primary" OnClick="@(() => datePicker.Close())">Ok</MudButton>
</PickerActions>
</MudDatePicker>
<MudDatePicker @ref="datePicker" Label="Last Play Date" @bind-Date="date" AutoClose="true"/>
<MudTimePicker @ref="timePicker" AmPm="true" Label="Last Play Time(5 min within when credit ended)" @bind-Time="time" AutoClose="false">
<PickerActions>
<MudButton Class="mr-auto align-self-start" OnClick="@(() => timePicker.Clear())">Clear</MudButton>

1
TaikoWebUI/wwwroot/css/app.css
View File

@ -104,3 +104,4 @@ a, .btn-link {
.loading-progress-text:after {
content: var(--blazor-load-percentage-text, "Loading");
}
/* Change text to "Ok" when loading is complete */