diff options
author | Alex Browne <stephenalexbrowne@gmail.com> | 2019-01-10 04:12:05 +0800 |
---|---|---|
committer | Alex Browne <stephenalexbrowne@gmail.com> | 2019-01-11 09:41:13 +0800 |
commit | 89e398fa39fd14c9fd4a467fdd039920fb28a420 (patch) | |
tree | 95a50e9d5c151d66f155de77d08cc203f250cccf /packages/website/ts/components/modals | |
parent | 53fc860d6190c19f13c451eb89dd5c0c1cdcd1f4 (diff) | |
download | dexon-0x-contracts-89e398fa39fd14c9fd4a467fdd039920fb28a420.tar.gz dexon-0x-contracts-89e398fa39fd14c9fd4a467fdd039920fb28a420.tar.zst dexon-0x-contracts-89e398fa39fd14c9fd4a467fdd039920fb28a420.zip |
Update prettier to version ^1.15.3
Diffstat (limited to 'packages/website/ts/components/modals')
-rw-r--r-- | packages/website/ts/components/modals/input.tsx | 5 | ||||
-rw-r--r-- | packages/website/ts/components/modals/modal_contact.tsx | 16 |
2 files changed, 6 insertions, 15 deletions
diff --git a/packages/website/ts/components/modals/input.tsx b/packages/website/ts/components/modals/input.tsx index 8cfcc9763..c72e53aa0 100644 --- a/packages/website/ts/components/modals/input.tsx +++ b/packages/website/ts/components/modals/input.tsx @@ -60,10 +60,7 @@ const StyledInput = styled.input` } `; -const InputWrapper = - styled.div < - InputProps > - ` +const InputWrapper = styled.div<InputProps>` position: relative; flex-grow: ${props => props.width === InputWidth.Full && 1}; width: ${props => props.width === InputWidth.Half && `calc(50% - 15px)`}; 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`)}; |