el.xwx.moe/components/LinkViews/GridView.tsx

21 lines
553 B
TypeScript
Raw Normal View History

2023-12-16 14:06:26 -06:00
import LinkCardGrid from "@/components/LinkViews/LinkComponents/LinkCardGrid";
import { LinkIncludingShortenedCollectionAndTags } from "@/types/global";
export default function CompactGridView({
links,
}: {
links: LinkIncludingShortenedCollectionAndTags[];
}) {
return (
<div className="columns-1 xl:columns-2 2xl:columns-3 gap-5">
{links.map((e, i) => {
return (
<div className="break-inside-avoid mb-5">
<LinkCardGrid key={i} link={e} count={i} />
</div>
);
})}
</div>
);
}