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

Fix responsive layout with max items per row for each breakpoint

Browse Source
This commit is contained in:
Citali
2026-02-02 00:05:13 +01:00
parent b559b8250f
commit 874aa5f343
2 changed files with 96 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/portfolio/PortfolioGallery.tsx
View File

@ -90,17 +90,17 @@ export default function PortfolioGallery({
dominantHex: it.dominantHex,
}));
useEffect(() => {
if (items.length === 0) return;
// Debug: inspect dominantHex values coming from the server.
console.log(
"[PortfolioGallery] dominantHex sample",
items.slice(0, 5).map((it) => ({
id: it.id,
dominantHex: it.dominantHex,
}))
);
}, [items]);
// useEffect(() => {
// if (items.length === 0) return;
// // Debug: inspect dominantHex values coming from the server.
// console.log(
// "[PortfolioGallery] dominantHex sample",
// items.slice(0, 5).map((it) => ({
// id: it.id,
// dominantHex: it.dominantHex,
// }))
// );
// }, [items]);
if (!loading && done && galleryItems.length === 0) {
return (
@ -116,6 +116,7 @@ export default function PortfolioGallery({
items={galleryItems}
hrefFrom="portfolio"
showCaption={false}
debug={false}
targetRowHeight={160}
targetRowHeightMobile={160}
maxRowHeight={300}