m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2025-01-03 10:25:00 +01:00
Code Releases Activity

tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-06-23 21:53:57 +02:00
parent ee8c5fb67a
commit e9375f9d7f
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
gatsby-browser.js
View File

@ -6,6 +6,5 @@ exports.onClientEntry = () => {
// IntersectionObserver polyfill for gatsby-image (Safari, IE) // IntersectionObserver polyfill for gatsby-image (Safari, IE)
if (typeof window.IntersectionObserver === 'undefined') { if (typeof window.IntersectionObserver === 'undefined') {
require('intersection-observer') require('intersection-observer')
console.log('👍 IntersectionObserver is polyfilled') // eslint-disable-line no-console
} }
} }

2
gatsby-node.js
View File

@ -23,7 +23,7 @@ const path = require('path')
// //
// Create project pages from projects.yml // Create project pages from projects.yml
// //
exports.createPages = ({ actions, graphql }) => { exports.createPages = async ({ actions, graphql }) => {
const { createPage } = actions const { createPage } = actions
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {

2
src/components/atoms/ProjectImage.jsx
View File

@ -22,7 +22,7 @@ ProjectImage.propTypes = {
export const projectImage = graphql` export const projectImage = graphql`
fragment ProjectImageFluid on ImageSharp { fragment ProjectImageFluid on ImageSharp {
fluid(maxWidth: 1200, quality: 85) { fluid(maxWidth: 1200, quality: 85) {
...GatsbyImageSharpFluid_noBase64 ...GatsbyImageSharpFluid_withWebp
} }
} }
` `

2
src/components/atoms/ProjectImage.module.scss
View File

@ -14,7 +14,7 @@
overflow: hidden; overflow: hidden;
} }
.dark & { :global(.dark) & {
box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), .15), box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), .15),
0 5px 16px rgba(darken($brand-main, 20%), .15); 0 5px 16px rgba(darken($brand-main, 20%), .15);
} }