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

animation tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-05-04 17:22:03 +02:00
parent 9522d190cc
commit 3206c3b4ee
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,7 +7,7 @@ export const FadeIn = props => (
classNames="fadein" classNames="fadein"
appear={true} appear={true}
in={true} in={true}
timeout={{ enter: 300, exit: 200, appear: 300 }} timeout={{ enter: 200, exit: 200, appear: 200 }}
{...props} {...props}
/> />
) )

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

@ -8,6 +8,7 @@ const ProjectImage = ({ sizes, alt }) => (
className="project__image" className="project__image"
outerWrapperClassName="project__image-wrap" outerWrapperClassName="project__image-wrap"
backgroundColor="#6b7f88" backgroundColor="#6b7f88"
fadeIn={false}
sizes={sizes} sizes={sizes}
alt={alt} alt={alt}
/> />

2
src/layouts/index.jsx
View File

@ -32,7 +32,7 @@ const TemplateWrapper = ({ data, location, children }) => {
<TransitionGroup appear={true}> <TransitionGroup appear={true}>
<FadeIn <FadeIn
key={location.pathname} key={location.pathname}
timeout={{ enter: 300, exit: 200, appear: 300 }} timeout={{ enter: 200, exit: 150, appear: 200 }}
> >
<TransitionHandler location={location}> <TransitionHandler location={location}>
{children()} {children()}