28 lines
1.2 KiB
TypeScript
28 lines
1.2 KiB
TypeScript
import { Skeleton } from "@/components/ui/skeleton"
|
|
|
|
export default function DashboardLoading() {
|
|
return (
|
|
<div className="flex flex-col space-y-6 p-8">
|
|
<div className="flex items-center justify-between space-y-2">
|
|
<div className="space-y-2">
|
|
<Skeleton className="h-8 w-[200px]" />
|
|
<Skeleton className="h-4 w-[300px]" />
|
|
</div>
|
|
<div className="flex items-center space-x-2">
|
|
<Skeleton className="h-10 w-[120px]" />
|
|
</div>
|
|
</div>
|
|
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
|
|
<Skeleton className="h-[120px] rounded-xl" />
|
|
<Skeleton className="h-[120px] rounded-xl" />
|
|
<Skeleton className="h-[120px] rounded-xl" />
|
|
<Skeleton className="h-[120px] rounded-xl" />
|
|
</div>
|
|
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-7">
|
|
<Skeleton className="col-span-4 h-[400px] rounded-xl" />
|
|
<Skeleton className="col-span-3 h-[400px] rounded-xl" />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|