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

card-grid fix

Browse source
This commit is contained in:
Elijah McMorris 2024-03-03 18:46:03 +00:00
parent 85f1aa2d9a
commit c8d9abf49f
2 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,5 @@
"use client"; "use client";
export default function CardGrid({ export default function CardGrid({
maxCols: maxCols = 4, maxCols: maxCols = 4,
children, children,
@ -9,7 +10,7 @@ export default function CardGrid({
children?: React.ReactNode; children?: React.ReactNode;
className?: string; className?: string;
}) { }) {
let baseClassName = `hidden items-start justify-center gap-6 rounded-lg p-8 md:grid md:grid-cols-1`; let baseClassName = `items-start justify-center gap-6 rounded-lg p-8 grid grid-cols-1`;
if (maxCols >= 2) { if (maxCols >= 2) {
baseClassName += " lg:grid-cols-2"; baseClassName += " lg:grid-cols-2";
@ -28,7 +29,7 @@ export default function CardGrid({
} }
return ( return (
<div <div
className={`hidden items-start justify-center gap-6 rounded-lg p-8 md:grid " ${className}`} className={`${className}`}
{...props} {...props}
> >
{children} {children}

4
tailwind.config.ts
View file

@ -12,7 +12,9 @@ module.exports = {
center: true, center: true,
padding: "2rem", padding: "2rem",
screens: { screens: {
"2xl": "1400px", "3xl": "1536px",
"4xl": "1792px",
"5xl": "2048px",
}, },
}, },
extend: { extend: {