m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-01-08 20:55:45 +01:00
Code

image tweaks

Browse Source
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 { .image {
composes: frame; composes: frame;
max-width: none;
margin-top: calc(var(--spacer) * var(--line-height)); margin-top: calc(var(--spacer) * var(--line-height));
margin-bottom: calc(var(--spacer) * var(--line-height)); margin-bottom: calc(var(--spacer) * var(--line-height));
position: relative; position: relative;

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

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