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

WIP image sizing next

Browse Source
This commit is contained in:
Chuck Dries 2021-06-13 10:53:17 -07:00
parent 050aa0415a
commit 0848430609
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
gatsby/src/templates/gallery-image.js
View File

@ -8,11 +8,13 @@ const GalleryImage = ({ pageContext, data }) => {
console.log(getMeta(image)); console.log(getMeta(image));
const name = getName(image); const name = getName(image);
return ( return (
<div className="bg-black h-screen"> <div className="bg-black min-h-screen">
<h1>{name}</h1> <h1>{name}</h1>
<GatsbyImage <GatsbyImage
className="" className=""
style={{ style={{
width: '100vw',
maxHeight: '100%'
// maxHeight: "800px" // maxHeight: "800px"
// width: '400px', // width: '400px',
// height: '100%' // height: '100%'
@ -37,9 +39,9 @@ export const query = graphql`
aspectRatio aspectRatio
} }
gatsbyImageData( gatsbyImageData(
layout: FULL_WIDTH layout: CONSTRAINED
placeholder: BLURRED placeholder: BLURRED
# width: 400 width: 1920
) )
fields { fields {
imageMeta { imageMeta {