diff options
| author | crupest <crupest@outlook.com> | 2021-07-07 01:19:47 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-07-07 01:19:47 +0800 |
| commit | cd521b4fca89bebe036b70695f3b45b0cfcc035d (patch) | |
| tree | c7ebf089a323232d685dc9f03dbdee0956ea8fb3 /FrontEnd/src/views/common/dailog/FullPageDialog.tsx | |
| parent | f964adac55f0a231c43a14bf583137763d911bbe (diff) | |
| download | timeline-cd521b4fca89bebe036b70695f3b45b0cfcc035d.tar.gz timeline-cd521b4fca89bebe036b70695f3b45b0cfcc035d.tar.bz2 timeline-cd521b4fca89bebe036b70695f3b45b0cfcc035d.zip | |
feat: Add dialog animations.
Diffstat (limited to 'FrontEnd/src/views/common/dailog/FullPageDialog.tsx')
| -rw-r--r-- | FrontEnd/src/views/common/dailog/FullPageDialog.tsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/FrontEnd/src/views/common/dailog/FullPageDialog.tsx b/FrontEnd/src/views/common/dailog/FullPageDialog.tsx index 2aff9f2e..45454b7d 100644 --- a/FrontEnd/src/views/common/dailog/FullPageDialog.tsx +++ b/FrontEnd/src/views/common/dailog/FullPageDialog.tsx @@ -18,7 +18,13 @@ const FullPageDialog: React.FC<FullPageDialogProps> = ({ contentContainerClassName, }) => { return createPortal( - <CSSTransition in={show} timeout={300} classNames="cru-full-page"> + <CSSTransition + mountOnEnter + unmountOnExit + in={show} + timeout={300} + classNames="cru-full-page" + > <div className="cru-full-page"> <div className="cru-full-page-top-bar"> <i |