38 lines
1.4 KiB
TypeScript
38 lines
1.4 KiB
TypeScript
export default function Page() {
|
|
return (
|
|
<div className="max-w-5xl grid grid-cols-3 gap-4 py-32">
|
|
<div className="bg-zinc-50 rounded-2xl border-2 border-zinc-200">
|
|
<img src="https://placehold.co/600x400" alt="mii" className="rounded-t-xl" />
|
|
<div className="p-4 border-t-2 border-zinc-200">
|
|
<h3 className="font-bold text-2xl">Frieren</h3>
|
|
<div id="tags" className="flex gap-1 mt-1 *:px-1.5 *:py-1 *:bg-orange-400 *:rounded *:text-xs">
|
|
<span>Anime</span>
|
|
<span>Test</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-zinc-50 rounded-2xl border-2 border-zinc-200">
|
|
<img src="https://placehold.co/600x400" alt="mii" className="rounded-t-xl" />
|
|
<div className="p-4 border-t-2 border-zinc-200">
|
|
<h3 className="font-bold text-2xl">Frieren</h3>
|
|
<div id="tags" className="flex gap-1 mt-1 *:px-1.5 *:py-1 *:bg-orange-400 *:rounded *:text-xs">
|
|
<span>Anime</span>
|
|
<span>Test</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-zinc-50 rounded-2xl border-2 border-zinc-200">
|
|
<img src="https://placehold.co/600x400" alt="mii" className="rounded-t-xl" />
|
|
<div className="p-4 border-t-2 border-zinc-200">
|
|
<h3 className="font-bold text-2xl">Frieren</h3>
|
|
<div id="tags" className="flex gap-1 mt-1 *:px-1.5 *:py-1 *:bg-orange-400 *:rounded *:text-xs">
|
|
<span>Anime</span>
|
|
<span>Test</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|