NexVeridian/next-url-shortener
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

stats

Browse source
This commit is contained in:
Elijah McMorris 2024-02-16 04:30:40 -08:00
parent 6fb3d2bdbe
commit 0779aa6199
Signed by: NexVeridian
SSH key fingerprint: SHA256:bsA1SKZxuEcEVHAy3gY1HUeM5ykRJl0U0kQHQn0hMg8
8 changed files with 192 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/components/card-grid.tsx
View file

@ -1,15 +1,40 @@
export default function CardGrid({
max_rows = 4,
children,
className,
...props
}: {
max_rows?: number;
children?: React.ReactNode;
className?: string;
}) {
let baseClassName = `hidden items-start justify-center gap-6 rounded-lg p-8 md:grid`;
switch (max_rows) {
case 1:
baseClassName += " md:grid-cols-1 ";
break;
case 2:
baseClassName += " md:grid-cols-1 lg:grid-cols-2 ";
break;
case 3:
baseClassName += " md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 ";
break;
case 4:
baseClassName += " md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 ";
break;
default:
break;
};
if (className == undefined) {
className = baseClassName;
} else {
className = baseClassName + className;
}
return (
<div
className={`hidden items-start justify-center gap-6 rounded-lg p-8 md:grid lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4" ${className}`}
className={`hidden items-start justify-center gap-6 rounded-lg p-8 md:grid " ${className}`}
{...props}
>
{children}