chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

formatting

Browse Source
This commit is contained in:
Chuck Dries 2022-10-24 19:44:34 -07:00
parent f73906bf1e
commit 01039a54e7
No known key found for this signature in database
GPG Key ID: A00B7AEAE1DC5BE6
1 changed files with 86 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/MasonryGallery.tsx
View File

@ -56,7 +56,10 @@ const MasonryGallery = ({
// );
// const { breakpoint } = useBreakpoint(breakpoints, "sm");
console.log("🚀 ~ file: MasonryGallery.tsx ~ line 46 ~ breakpoint", breakpoint)
console.log(
"🚀 ~ file: MasonryGallery.tsx ~ line 46 ~ breakpoint",
breakpoint
);
const aspectRatios = React.useMemo(
() => R.map(getAspectRatio, images).filter(Boolean),
@ -109,7 +112,6 @@ const MasonryGallery = ({
let cursor = 0;
return (
<>
<div
className="flex items-center flex-wrap sm:container mx-auto"
ref={observe}
@ -169,13 +171,13 @@ const MasonryGallery = ({
<span className="text-white z-20 absolute bg-black">
hsl(
{image.fields?.imageMeta?.dominantHue?.[0]},{" "}
{(
image.fields?.imageMeta?.dominantHue?.[1] ?? 0 * 100
).toFixed(2)}
{(image.fields?.imageMeta?.dominantHue?.[1] ?? 0 * 100).toFixed(
2
)}
%,{" "}
{(
image.fields?.imageMeta?.dominantHue?.[2] ?? 0 * 100
).toFixed(2)}
{(image.fields?.imageMeta?.dominantHue?.[2] ?? 0 * 100).toFixed(
2
)}
% )
</span>
)}
@ -196,7 +198,6 @@ const MasonryGallery = ({
);
})}
</div>
</>
);
};