aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-15 04:42:25 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-15 04:42:25 +0800
commitdbdd2fb7d08de6b07cf8c25b26c72be5cb50635a (patch)
treed3e63419855d94e38908111f29733529d11b90b8 /packages/website/ts/@next/components
parentb07892bb48475e461e07926315a2e43ea5cfb46f (diff)
downloaddexon-sol-tools-dbdd2fb7d08de6b07cf8c25b26c72be5cb50635a.tar
dexon-sol-tools-dbdd2fb7d08de6b07cf8c25b26c72be5cb50635a.tar.gz
dexon-sol-tools-dbdd2fb7d08de6b07cf8c25b26c72be5cb50635a.tar.bz2
dexon-sol-tools-dbdd2fb7d08de6b07cf8c25b26c72be5cb50635a.tar.lz
dexon-sol-tools-dbdd2fb7d08de6b07cf8c25b26c72be5cb50635a.tar.xz
dexon-sol-tools-dbdd2fb7d08de6b07cf8c25b26c72be5cb50635a.tar.zst
dexon-sol-tools-dbdd2fb7d08de6b07cf8c25b26c72be5cb50635a.zip
Tweak modal confirmatino
Diffstat (limited to 'packages/website/ts/@next/components')
-rw-r--r--packages/website/ts/@next/components/modals/modal_contact.tsx8
1 files changed, 7 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/modals/modal_contact.tsx b/packages/website/ts/@next/components/modals/modal_contact.tsx
index 64e08c967..a7ac469a7 100644
--- a/packages/website/ts/@next/components/modals/modal_contact.tsx
+++ b/packages/website/ts/@next/components/modals/modal_contact.tsx
@@ -99,7 +99,7 @@ export class ModalContact extends React.Component<Props> {
</ButtonRow>
</Form>
<Confirmation isSuccessful={isSuccessful}>
- <Icon name="checkmark" size="large" />
+ <Icon name="rocketship" size="large" margin={[0, 0, 'default', 0]} />
<Heading color={colors.textDarkPrimary} size={34} asElement="h2">Thanks for contacting us.</Heading>
<Paragraph isMuted={true} color={colors.textDarkPrimary}>We'll get back to you soon. If you need quick support in the meantime, reach out to the 0x team on Discord.</Paragraph>
<Button onClick={this.props.onDismiss}>Done</Button>
@@ -199,4 +199,10 @@ const Confirmation = styled.div<FormProps>`
transform: translateY(-50%);
opacity: ${props => props.isSuccessful ? `1` : `0`};
visibility: ${props => props.isSuccessful ? 'visible' : `hidden`};
+
+ p {
+ max-width: 492px;
+ margin-left: auto;
+ margin-right: auto;
+ }
`;