tomodachi-share/src/app/page.tsx
2025-03-28 21:37:00 +00:00

18 lines
614 B
TypeScript

export default function Page() {
return (
<div className="max-w-5xl grid grid-cols-3 gap-4">
{[...Array(3)].map(() => (
<div className="bg-zinc-50 rounded-3xl border-2 border-amber-300 shadow-lg p-3 transition hover:scale-105">
<img src="https://placehold.co/600x400" alt="mii" className="rounded-xl" />
<div className="p-4">
<h3 className="font-bold text-2xl">Frieren</h3>
<div id="tags" className="flex gap-1 mt-1 *:px-2 *:py-1 *:bg-orange-300 *:rounded-full *:text-xs">
<span>Anime</span>
<span>Test</span>
</div>
</div>
</div>
))}
</div>
);
}