From 32f74765a582e11f54d089327a9c7a3e7079af88 Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <mail@tsommer.org>
Date: Fri, 30 May 2025 14:02:56 +0200
Subject: [PATCH] Changed loading placeholder

---
 .../Dialogs/PandocDialog.razor                | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/MindWork AI Studio/Dialogs/PandocDialog.razor b/app/MindWork AI Studio/Dialogs/PandocDialog.razor
index 0a6791f4..e79c2b87 100644
--- a/app/MindWork AI Studio/Dialogs/PandocDialog.razor	
+++ b/app/MindWork AI Studio/Dialogs/PandocDialog.razor	
@@ -127,18 +127,18 @@
         }
         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)
                 {
-                    <MudSkeleton SkeletonType="SkeletonType.Circle" Animation="Animation.Pulse" Class="mb-4" Style="width: 4em; height: 4em;"/>
-                    <MudSkeleton SkeletonType="SkeletonType.Rectangle" Animation="Animation.Pulse" Width="230px" Height="35px"/>
-                }
-                else if (this.isPandocAvailable)
-                {
-                    <MudIcon Class="mb-2" Style="width: 2.5em; height: 2.5em;" Icon="@Icons.Material.Filled.Check" Color="Color.Success"/>
-                    <MudJustifiedText Typo="Typo.body1" Align="Align.Center">
-                        Pandoc ist auf Ihrem System verfügbar
-                    </MudJustifiedText>
+                    <MudStack Row="true" AlignItems="AlignItems.Center">
+                        <MudSkeleton SkeletonType="SkeletonType.Circle" Width="4em" Height="4em" Animation="Animation.Pulse" />
+                        <MudStack Row="false" Class="d-flex flex-column flex-grow-1">
+                            <MudSkeleton Width="90%" Animation="Animation.Wave"/>
+                            <MudSkeleton Width="75%" Animation="Animation.Wave"/>
+                            <MudSkeleton Width="55%" />
+                            <MudSkeleton Width="12%" />
+                        </MudStack>
+                    </MudStack>
                 }
                 else
                 {