mirror of
https://github.com/trezor/trezor-wallet
synced 2024-11-13 20:08:56 +00:00
use css fadein anim on modal windows
This commit is contained in:
parent
873d6c47b7
commit
6f2f938c83
@ -5,6 +5,7 @@ import { CSSTransition } from 'react-transition-group';
|
||||
|
||||
import styled from 'styled-components';
|
||||
import colors from 'config/colors';
|
||||
import { FADE_IN } from 'config/animations';
|
||||
|
||||
import { UI } from 'trezor-connect';
|
||||
import * as MODAL from 'actions/constants/modal';
|
||||
@ -31,6 +32,7 @@ import Stellar from 'components/modals/external/Stellar';
|
||||
|
||||
import type { Props } from './Container';
|
||||
|
||||
// TODO: animation not working
|
||||
const Fade = (props: { children: React.Node}) => (
|
||||
<CSSTransition
|
||||
{...props}
|
||||
@ -53,6 +55,7 @@ const ModalContainer = styled.div`
|
||||
align-items: center;
|
||||
overflow: auto;
|
||||
padding: 20px;
|
||||
animation: ${FADE_IN} 0.3s;
|
||||
`;
|
||||
|
||||
const ModalWindow = styled.div`
|
||||
|
Loading…
Reference in New Issue
Block a user