aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/modals
diff options
context:
space:
mode:
authorFabio B <kandinsky454@protonmail.ch>2019-01-11 18:18:18 +0800
committerGitHub <noreply@github.com>2019-01-11 18:18:18 +0800
commit2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5 (patch)
tree23187637b8db2927bdcc11b1b42a2e93787ccaaa /packages/website/ts/components/modals
parenta5b7a351609a5e6689bb97990216153f64302462 (diff)
parenta091b2c19d3dae1eacd9b36f71bca9683001ea33 (diff)
downloaddexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.tar.gz
dexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.tar.zst
dexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.zip
Merge pull request #1500 from 0xProject/update-prettier-version
Update prettier to version ^1.15.3
Diffstat (limited to 'packages/website/ts/components/modals')
-rw-r--r--packages/website/ts/components/modals/input.tsx5
-rw-r--r--packages/website/ts/components/modals/modal_contact.tsx16
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`)};