m
/
blog
mirror of https://github.com/kremalicious/blog.git
1
0
Fork 0
Code

image tweaks

This commit is contained in:
Matthias Kretschmann 2021-03-22 23:17:31 +01:00
parent 1cc6d44951
commit 77ca198684
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/atoms/Image.module.css
View File

@ -13,6 +13,7 @@ a:focus .frame {
.image {
composes: frame;
max-width: none;
margin-top: calc(var(--spacer) * var(--line-height));
margin-bottom: calc(var(--spacer) * var(--line-height));
position: relative;

8
src/components/atoms/Image.tsx
View File

@ -34,7 +34,13 @@ export const imageSizeThumb = graphql`
original {
src
}
gatsbyImageData(layout: CONSTRAINED, width: 480, height: 140, quality: 85)
gatsbyImageData(
layout: CONSTRAINED
width: 480
height: 180
quality: 85
transformOptions: { cropFocus: CENTER }
)
}
`