aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/modals/modal_contact.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/components/modals/modal_contact.tsx')
-rw-r--r--packages/website/ts/components/modals/modal_contact.tsx16
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`)};