Citali/app.gaertan.art
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add more rando

Browse Source
This commit is contained in:
Citali
2025-07-13 00:20:08 +02:00
parent 2d1ba47481
commit 1d4f167cb9
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/portfolio/two/page.tsx
View File

@ -6,7 +6,7 @@ export default async function PortfolioTwoPage() {
return ( return (
<main className="p-2 mx-auto max-w-screen-2xl"> <main className="p-2 mx-auto max-w-screen-2xl">
<JustifiedGallery images={images} rowHeight={350} gap={8} /> <JustifiedGallery images={images} rowHeight={350} gap={12} />
</main> </main>
); );
} }

6
src/components/portfolio/JustifiedGallery.tsx
View File

@ -38,7 +38,11 @@ export function JustifiedGallery({ images, rowHeight = 200, gap = 4 }: Props) {
<p className="text-muted-foreground text-center py-20">No images to display</p> <p className="text-muted-foreground text-center py-20">No images to display</p>
)} )}
{rows.map((row, i) => ( {rows.map((row, i) => (
<div key={i} className="flex gap-[4px] mb-[4px]"> <div
key={i}
className="flex mb-4" // Vertical gap between rows
style={{ columnGap: `${gap}px` }} // Horizontal gap between images
>
{row.map((img) => ( {row.map((img) => (
<div key={img.id} style={{ width: img.width, height: img.height }}> <div key={img.id} style={{ width: img.width, height: img.height }}>
<ImageCard <ImageCard