diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-12-15 04:42:25 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-15 04:42:25 +0800 |
commit | dbdd2fb7d08de6b07cf8c25b26c72be5cb50635a (patch) | |
tree | d3e63419855d94e38908111f29733529d11b90b8 /packages/website/ts/@next/components/modals | |
parent | b07892bb48475e461e07926315a2e43ea5cfb46f (diff) | |
download | dexon-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/modals')
-rw-r--r-- | packages/website/ts/@next/components/modals/modal_contact.tsx | 8 |
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; + } `; |