diff options
author | Leonid Logvinov <logvinov.leon@gmail.com> | 2019-01-14 19:17:12 +0800 |
---|---|---|
committer | Leonid Logvinov <logvinov.leon@gmail.com> | 2019-01-14 19:17:12 +0800 |
commit | bf183af9a42aefd1c639e5924ed93f93fd821378 (patch) | |
tree | fd2f875248d8ccd4f287c61e749787343cec5723 /packages/website/ts/components/modals/modal_contact.tsx | |
parent | 2b8f0d887ad529bb0557a55c67cc162977c7b270 (diff) | |
parent | 797d7c7878e33ce012259a6a5db5335e9dc838ba (diff) | |
download | dexon-sol-tools-bf183af9a42aefd1c639e5924ed93f93fd821378.tar dexon-sol-tools-bf183af9a42aefd1c639e5924ed93f93fd821378.tar.gz dexon-sol-tools-bf183af9a42aefd1c639e5924ed93f93fd821378.tar.bz2 dexon-sol-tools-bf183af9a42aefd1c639e5924ed93f93fd821378.tar.lz dexon-sol-tools-bf183af9a42aefd1c639e5924ed93f93fd821378.tar.xz dexon-sol-tools-bf183af9a42aefd1c639e5924ed93f93fd821378.tar.zst dexon-sol-tools-bf183af9a42aefd1c639e5924ed93f93fd821378.zip |
Merge development
Diffstat (limited to 'packages/website/ts/components/modals/modal_contact.tsx')
-rw-r--r-- | packages/website/ts/components/modals/modal_contact.tsx | 16 |
1 files changed, 5 insertions, 11 deletions
diff --git a/packages/website/ts/components/modals/modal_contact.tsx b/packages/website/ts/components/modals/modal_contact.tsx index 7414df7d9..62c1062a3 100644 --- a/packages/website/ts/components/modals/modal_contact.tsx +++ b/packages/website/ts/components/modals/modal_contact.tsx @@ -361,28 +361,22 @@ const StyledDialogContent = styled(DialogContent)` } `; -const Form = - styled.form < - FormProps > - ` +const Form = styled.form<FormProps>` position: relative; - transition: opacity 0.30s ease-in-out, visibility 0.30s ease-in-out; + transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; opacity: ${props => props.isSuccessful && `0`}; visibility: ${props => props.isSuccessful && `hidden`}; `; -const Confirmation = - styled.div < - FormProps > - ` +const Confirmation = styled.div<FormProps>` position: absolute; top: 50%; text-align: center; width: 100%; left: 0; - transition: opacity 0.30s ease-in-out, visibility 0.30s ease-in-out; - transition-delay: 0.40s; + transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; + transition-delay: 0.4s; padding: 60px 60px; transform: translateY(-50%); opacity: ${props => (props.isSuccessful ? `1` : `0`)}; |