sunnymh/app/loading.tsx
yiekheng 4f5d74e1c8 Squashed 'manga-site/' content from commit f2ef775
git-subtree-dir: manga-site
git-subtree-split: f2ef775f7095dc2b107b576cd4053593e89dd887
2026-04-12 18:47:51 +08:00

13 lines
456 B
TypeScript

export default function Loading() {
return (
<div className="max-w-7xl mx-auto px-4 py-6">
<div className="h-7 w-40 bg-surface rounded-lg animate-pulse mb-4" />
<div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 sm:gap-4">
{Array.from({ length: 12 }).map((_, i) => (
<div key={i} className="aspect-[3/4] rounded-xl bg-surface animate-pulse" />
))}
</div>
</div>
);
}