cdransf/augurymetal.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

gallery style fixes

Browse source
This commit is contained in:
Cory Dransfeldt 2022-06-07 16:11:51 -07:00
parent c87e0ed7f6
commit 79b36b8049
11 changed files with 23 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/PhotoGallery.tsx
View file

@ -9,7 +9,7 @@ const PhotoGallery = (props) => {
const [photoIndex, setPhotoIndex] = useState(0)
return (
<div className="flex flex-row gap-2 p-2">
<div className="grid grid-cols-4 gap-2 p-2">
{data.length
? data.map((d: string, index: number) => (
<Image
@ -20,7 +20,7 @@ const PhotoGallery = (props) => {
setIsOpen(true)
}}
src={d}
className="w-full cursor-pointer object-cover"
className="w-1/4 cursor-pointer object-cover"
width="300px"
height="300px"
/>