diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-11-01 02:55:48 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-01 02:55:48 +0800 |
commit | 27258fe3d45b8ffae81b74da43e473ae5905edc1 (patch) | |
tree | f4ebc7107ce10b10ac4b75b758b54d66c6ddd887 /packages/instant/src/components/sliding_panel.tsx | |
parent | 91f8487947d7941b508c34d1bfc1e72c0840c33d (diff) | |
download | dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar.gz dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar.bz2 dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar.lz dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar.xz dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.tar.zst dexon-sol-tools-27258fe3d45b8ffae81b74da43e473ae5905edc1.zip |
chore: address PR feedback
Diffstat (limited to 'packages/instant/src/components/sliding_panel.tsx')
-rw-r--r-- | packages/instant/src/components/sliding_panel.tsx | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/packages/instant/src/components/sliding_panel.tsx b/packages/instant/src/components/sliding_panel.tsx index 19034eb95..9219ad1f1 100644 --- a/packages/instant/src/components/sliding_panel.tsx +++ b/packages/instant/src/components/sliding_panel.tsx @@ -30,7 +30,7 @@ export const SlidingPanel: React.StatelessComponent<SlidingPanelProps> = props = } const { animationState, ...rest } = props; const slideAmount = '100%'; - const slideUp: PositionAnimationSettings = { + const slideUpSettings: PositionAnimationSettings = { duration: '0.3s', timingFunction: 'ease-in-out', top: { @@ -38,7 +38,7 @@ export const SlidingPanel: React.StatelessComponent<SlidingPanelProps> = props = to: '0px', }, }; - const slideDown: PositionAnimationSettings = { + const slideDownSettings: PositionAnimationSettings = { duration: '0.3s', timingFunction: 'ease-out', top: { @@ -47,7 +47,12 @@ export const SlidingPanel: React.StatelessComponent<SlidingPanelProps> = props = }, }; return ( - <SlideAnimation position="absolute" slideIn={slideUp} slideOut={slideDown} animationState={animationState}> + <SlideAnimation + position="absolute" + slideInSettings={slideUpSettings} + slideOutSettings={slideDownSettings} + animationState={animationState} + > <Panel {...rest} /> </SlideAnimation> ); |