[frontend/pages] Add loading and error state views to about page
This commit is contained in:
parent
7e7e38e9ca
commit
8a28874dfd
2 changed files with 19 additions and 0 deletions
|
@ -43,6 +43,18 @@
|
|||
{
|
||||
<i>Not found</i>
|
||||
}
|
||||
@if (State == State.Loading)
|
||||
{
|
||||
<HeadTitle Text="@Loc["Loading"]"/>
|
||||
|
||||
<div class="loading"><LoadingSpinner Scale="2" /></div>
|
||||
}
|
||||
@if (State == State.Error)
|
||||
{
|
||||
<HeadTitle Text="@Loc["Error"]"/>
|
||||
|
||||
<div>Failure</div>
|
||||
}
|
||||
|
||||
@code {
|
||||
[Parameter] public string? NoteId { get; set; }
|
||||
|
|
|
@ -12,3 +12,10 @@ summary {
|
|||
summary:hover {
|
||||
background-color: var(--hover-color);
|
||||
}
|
||||
|
||||
.loading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-top: 25vh;
|
||||
}
|
Loading…
Add table
Reference in a new issue