feat: new sidebars easing

wdy-22
jcmnunes · Jul 6, 2020 · 8818b46 · 8818b46
1 parent 146e453
commit 8818b46
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/features/day/SideBar/SideBar.styles.ts b/frontend/src/features/day/SideBar/SideBar.styles.ts
@@ -11,7 +11,7 @@ export const StyledSidebar = styled.div<{ isOpen?: boolean }>`
   z-index: 999;
   right: 0;
   transform: ${({ isOpen }) => `translateX(${isOpen ? 0 : '448px'})`};
-  transition: transform 0.2s ease;
+  transition: transform 0.2s cubic-bezier(0, 0.52, 0, 1);
   box-shadow: 0 10px 20px hsla(0, 0%, 0%, 0.15), 0 3px 6px hsla(0, 0%, 0%, 0.1);
 
   @media (min-width: ${props => props.theme.breakpoints.mobile}) {

diff --git a/frontend/src/features/daysNav/DaysNav.styles.ts b/frontend/src/features/daysNav/DaysNav.styles.ts
@@ -15,7 +15,7 @@ export const StyledDaysNav = styled.div<{ isOpen?: boolean }>`
   left: 0;
   z-index: 20000;
   transform: ${({ isOpen }) => `translateX(${isOpen ? 0 : `-${daysNavWidth}`})`};
-  transition: transform 0.2s ease;
+  transition: transform 0.2s cubic-bezier(0, 0.52, 0, 1);
   box-shadow: 0 10px 20px hsla(0, 0%, 0%, 0.15), 0 3px 6px hsla(0, 0%, 0%, 0.1);
 
   @media (min-width: 800px) {