el.xwx.moe/components/LinkViews/GridView.tsx
2023-12-18 06:06:55 +08:00

21 lines
550 B
TypeScript

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 key={i} className="break-inside-avoid mb-5">
<LinkCardGrid link={e} count={i}/>
</div>
);
})}
</div>
);
}