Files
users/app/monitoring/loading.tsx

18 lines
567 B
TypeScript
Raw Normal View History

import { Skeleton } from "@/components/ui/skeleton"
export default function Loading() {
return (
<div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-emerald-50/30 p-6">
<div className="max-w-7xl mx-auto space-y-6">
<Skeleton className="h-10 w-64" />
<div className="grid grid-cols-1 md:grid-cols-4 gap-4">
{[...Array(4)].map((_, i) => (
<Skeleton key={i} className="h-28 rounded-xl" />
))}
</div>
<Skeleton className="h-64 rounded-xl" />
</div>
</div>
)
}