mihkelmk/portfolio_site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Skeleton to rahvatarkus while loading instead of text

Browse source
This commit is contained in:
Mihkel Martin Kasterpalu 2025-02-12 03:26:47 +02:00
parent 25ffa850e3
commit 4363f56c23
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/routes/vinge/rahvatarkus/+page.svelte
View file

@ -5,6 +5,7 @@
import * as Accordion from '$lib/components/ui/accordion/index.js'; import * as Accordion from '$lib/components/ui/accordion/index.js';
import * as Pagination from '$lib/components/ui/pagination/index.js'; import * as Pagination from '$lib/components/ui/pagination/index.js';
import { Skeleton } from '$lib/components/ui/skeleton/index.js';
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import ChevronRight from 'lucide-svelte/icons/chevron-right'; import ChevronRight from 'lucide-svelte/icons/chevron-right';
@ -24,7 +25,12 @@
<div class="h-full w-full max-w-prose"> <div class="h-full w-full max-w-prose">
{#await data.streamed.archive} {#await data.streamed.archive}
<p>loading</p> <div class="space-y-6">
{#each { length: 5 }}
<Skeleton class="h-[3.25rem] w-full rounded-lg" />
{/each}
<Skeleton class="mx-auto !mt-8 h-12 w-2/3 rounded-lg" />
</div>
{:then archive} {:then archive}
<Accordion.Root type="multiple" class="space-y-6"> <Accordion.Root type="multiple" class="space-y-6">
{#each archive.data as question} {#each archive.data as question}