bdf456523b
Complete Toaster and Skeleton components, add loading.tsx Update development docs for changes and progress. Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>
25 lines
813 B
TypeScript
25 lines
813 B
TypeScript
import { Skeleton } from "@/components/ui/skeleton"
|
|
|
|
export default function Loading() {
|
|
return (
|
|
<div className="p-6 space-y-6" aria-busy="true" aria-live="polite">
|
|
<div className="space-y-2">
|
|
<Skeleton className="h-8 w-40" />
|
|
<Skeleton className="h-4 w-64" />
|
|
</div>
|
|
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
|
<div className="lg:col-span-2 space-y-4">
|
|
<Skeleton className="h-10 w-full" />
|
|
<Skeleton className="h-[240px] w-full" />
|
|
<Skeleton className="h-[160px] w-full" />
|
|
</div>
|
|
<div className="space-y-4">
|
|
<Skeleton className="h-10 w-full" />
|
|
<Skeleton className="h-[200px] w-full" />
|
|
<Skeleton className="h-[120px] w-full" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|