Changed loading placeholder

This commit is contained in:
Thorsten Sommer 2025-05-30 14:02:56 +02:00
parent a6703f108d
commit 32f74765a5
Signed by: tsommer
GPG Key ID: 371BBA77A02C0108

View File

@ -127,18 +127,18 @@
} }
else else
{ {
<MudItem Class="px-8 py-2" Style="height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;"> <MudItem Class="px-8 py-2">
@if (this.pandocInstallation == default) @if (this.pandocInstallation == default)
{ {
<MudSkeleton SkeletonType="SkeletonType.Circle" Animation="Animation.Pulse" Class="mb-4" Style="width: 4em; height: 4em;"/> <MudStack Row="true" AlignItems="AlignItems.Center">
<MudSkeleton SkeletonType="SkeletonType.Rectangle" Animation="Animation.Pulse" Width="230px" Height="35px"/> <MudSkeleton SkeletonType="SkeletonType.Circle" Width="4em" Height="4em" Animation="Animation.Pulse" />
} <MudStack Row="false" Class="d-flex flex-column flex-grow-1">
else if (this.isPandocAvailable) <MudSkeleton Width="90%" Animation="Animation.Wave"/>
{ <MudSkeleton Width="75%" Animation="Animation.Wave"/>
<MudIcon Class="mb-2" Style="width: 2.5em; height: 2.5em;" Icon="@Icons.Material.Filled.Check" Color="Color.Success"/> <MudSkeleton Width="55%" />
<MudJustifiedText Typo="Typo.body1" Align="Align.Center"> <MudSkeleton Width="12%" />
Pandoc ist auf Ihrem System verfügbar </MudStack>
</MudJustifiedText> </MudStack>
} }
else else
{ {