LoggedBar anim correction

This commit is contained in:
mattyl006 2022-09-22 10:59:21 +02:00
parent e73d72660b
commit dd0f36404d

View File

@ -49,7 +49,7 @@ const LoggedBarStyle = styled(FlexColumn)`
const LoggedBar = (props) => { const LoggedBar = (props) => {
return ( return (
<TransBack transition='transform' translateX={props.visible} <TransBack transition='transform' translateX={props.visible}
onClick={props.loggedBarVisibleHandler} animTime='0.5s'> onClick={props.loggedBarVisibleHandler} animTime='0.2s'>
<LoggedBarStyle> <LoggedBarStyle>
<FlexRow alignmentX='flex-start' alignmentY='flex-end' <FlexRow alignmentX='flex-start' alignmentY='flex-end'
gap='16px' width='100%' padding='12px 16px'> gap='16px' width='100%' padding='12px 16px'>
@ -59,7 +59,8 @@ const LoggedBar = (props) => {
</H3> </H3>
</FlexRow> </FlexRow>
<Container width='90%' backgroundColor={theme.colors.dark05} height='1px'/> <Container width='90%' backgroundColor={theme.colors.dark05} height='1px'/>
<FlexColumn as='ul' gap='24px' padding='32px 24px' alignmentX='flex-start'> <FlexColumn as='ul' onClick={() => console.log('profile click')}
gap='24px' padding='32px 24px' alignmentX='flex-start'>
<FlexRow as='button' gap='16px'> <FlexRow as='button' gap='16px'>
<Svg width='16px' height='16px' src={userIco} size='cover'/> <Svg width='16px' height='16px' src={userIco} size='cover'/>
<Body as='li'> <Body as='li'>