botalex/LearnCChar1.0
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved the UI of continue button

Browse source
This commit is contained in:
BOT Alex 2023-07-14 09:12:31 +08:00
parent 2264087322
commit 14ea6e5c06
1 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

16
CCharLearn/Pages/Index.razor
View file

@ -17,13 +17,19 @@
<MudContainer Class="justify-center d-flex pb-16 pt-4"> <MudContainer Class="justify-center d-flex pb-16 pt-4">
<MudButton Variant="Variant.Filled" OnClick=StartLearning Color="Color.Primary">@((!continueDataExists) ? "Start learning!" : "Start new!")</MudButton> <MudButton Variant="Variant.Filled" OnClick=StartLearning Color="Color.Primary">@((!continueDataExists) ? "Start learning!" : "Start new!")</MudButton>
<MudStack Spacing="0" Class="pa-0 pl-2 ma-0"> <MudStack Spacing="0" Class="pa-0 pl-2 ma-0">
<MudButton Variant="Variant.Filled" Color="Color.Success" OnClick="ContinueLearning" Disabled="@(!continueDataExists)">Continue</MudButton>
@if (continueDataExists) @if (continueDataExists)
{ {
<MudStack Row=true Spacing="0"> <MudButton Class="pb-0 px-0" Variant="Variant.Filled" Color="Color.Success" OnClick="ContinueLearning" Disabled="@(!continueDataExists)">
<MudText Class="pa-0 ma-0" Typo="Typo.body1">@($"CChars left: {continueCharectersLeft}")</MudText> <MudStack Class="mud-width-full" Spacing="1">
<MudIconButton Class="pa-0 ma-0" OnClick="DeleteContinueData" Color="Color.Error" Icon="@Icons.Material.Filled.Close"></MudIconButton> <MudContainer Class="px-2">
</MudStack> <MudStack Class="justify-center d-flex" Row=true Spacing="1">
<MudText>@($"Continue: {continueCharectersLeft}")</MudText>
<MudIconButton Class="pa-0 ma-0" OnClick="DeleteContinueData" Variant=Variant.Filled Color="Color.Error" Icon="@Icons.Material.Filled.Close"></MudIconButton>
</MudStack>
</MudContainer>
<MudProgressLinear Class="pa-0 ma-0" Color="Color.Warning" Size="Size.Small" Value="@(((float)continueCharectersLeft/(float)chunkSize)*100)" />
</MudStack>
</MudButton>
} }
</MudStack> </MudStack>
</MudContainer> </MudContainer>