Added loading animation for config pages

This commit is contained in:
grimsi
2024-09-11 08:43:19 +02:00
parent 4e75075c01
commit 156c6b9184
@@ -111,10 +111,16 @@ export function LibraryManagement() {
if (!isInitialized.current) { if (!isInitialized.current) {
return ( return (
<> [...Array(4)].map((e, i) =>
<Skeleton className="h-3 w-3/5 rounded-md"/> <div className="flex flex-col flex-grow gap-8 mb-12" key={i}>
<Skeleton className="h-3 w-4/5 rounded-md"/> <Skeleton className="h-10 w-full rounded-md"/>
</> <Skeleton className="h-12 flex w-1/3 rounded-md"/>
<div className="flex flex-row gap-8">
<Skeleton className="h-12 flex w-1/3 rounded-md"/>
<Skeleton className="h-12 flex w-1/3 rounded-md"/>
</div>
</div>
)
) )
} }