diff options
Diffstat (limited to 'packages/website/ts/@next/components/mobileNav.tsx')
-rw-r--r-- | packages/website/ts/@next/components/mobileNav.tsx | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/mobileNav.tsx b/packages/website/ts/@next/components/mobileNav.tsx index ec1e76366..8b5ffd7e8 100644 --- a/packages/website/ts/@next/components/mobileNav.tsx +++ b/packages/website/ts/@next/components/mobileNav.tsx @@ -70,8 +70,9 @@ const Wrap = styled.nav<{ isToggled: boolean }>` height: 357px; background-color: ${props => props.theme.mobileNavBgUpper}; color: ${props => props.theme.mobileNavColor}; - transition: transform 0.5s; + transition: ${props => props.isToggled ? 'visibility 0s, transform 0.5s' : 'visibility 0s 0.5s, transform 0.5s'}; transform: translate3d(0, ${props => props.isToggled ? 0 : '-100%'}, 0); + visibility: ${props => !props.isToggled && 'hidden'}; position: fixed; display: flex; flex-direction: column; |