Fixed loading feedback.

wordplaydev · May 4, 2024 · d14dd64 · d14dd64
1 parent 9e4742a
commit d14dd64
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/app/AddProject.svelte b/src/components/app/AddProject.svelte
@@ -4,8 +4,8 @@
     import Button from '@components/widgets/Button.svelte';
     import ProjectPreview from './ProjectPreview.svelte';
     import { getTemplates } from '../../examples/examples';
-    import Loading from './Loading.svelte';
     import type Project from '@models/Project';
+    import Spinning from './Spinning.svelte';
 
     export let add: (newProject: Project) => void;
 
@@ -37,7 +37,7 @@
     <div class="templates">
         {#each templates as project}
             <ProjectPreview {project} action={() => add(project)} />{:else}
-            <Loading></Loading>
+            <div class="center"><Spinning large></Spinning></div>
         {/each}
     </div>
 </Dialog>
@@ -49,4 +49,10 @@
         flex-direction: column;
         gap: var(--wordplay-spacing);
     }
+
+    .center {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+    }
 </style>