diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-12-17 21:03:14 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-17 21:03:14 +0800 |
commit | 8490c31fb7ff788d725b7636cd6bce7b2ae13ac4 (patch) | |
tree | 0884e96339e752d4668f892bdcfe7c74e2abf99c | |
parent | f242c4206f10df7a66b4eda73b22ac049b816f17 (diff) | |
download | dexon-0x-contracts-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar dexon-0x-contracts-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar.gz dexon-0x-contracts-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar.bz2 dexon-0x-contracts-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar.lz dexon-0x-contracts-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar.xz dexon-0x-contracts-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar.zst dexon-0x-contracts-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.zip |
Tweak configurator
3 files changed, 16 insertions, 5 deletions
diff --git a/packages/website/ts/@next/icons/illustrations/long-term-impact.svg b/packages/website/ts/@next/icons/illustrations/long-term-impact.svg index 74a44f13d..dbd051598 100644 --- a/packages/website/ts/@next/icons/illustrations/long-term-impact.svg +++ b/packages/website/ts/@next/icons/illustrations/long-term-impact.svg @@ -6,4 +6,4 @@ <path d="M91.8639 51.796H11.864" stroke="#00AE99" stroke-width="2.5" stroke-miterlimit="10"/> <path d="M86.6201 71.7827H17.1084" stroke="#00AE99" stroke-width="2.5" stroke-miterlimit="10"/> <path d="M86.6201 31.7823H17.1084" stroke="#00AE99" stroke-width="2.5" stroke-miterlimit="10"/> -</svg> +</svg>
\ No newline at end of file diff --git a/packages/website/ts/@next/pages/instant/code_demo.tsx b/packages/website/ts/@next/pages/instant/code_demo.tsx index 35eaf6b2a..04556123e 100644 --- a/packages/website/ts/@next/pages/instant/code_demo.tsx +++ b/packages/website/ts/@next/pages/instant/code_demo.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import * as CopyToClipboard from 'react-copy-to-clipboard'; import SyntaxHighlighter from 'react-syntax-highlighter'; -import { Button } from 'ts/components/ui/button'; +import { Button } from 'ts/@next/components/button'; import { Container } from 'ts/components/ui/container'; import { styled } from 'ts/style/theme'; import { zIndex } from 'ts/style/z_index'; @@ -161,9 +161,9 @@ export class CodeDemo extends React.Component<CodeDemoProps, CodeDemoState> { <Container position="relative" height="100%"> <Container position="absolute" top="10px" right="10px" zIndex={zIndex.overlay - 1}> <CopyToClipboard text={this.props.children} onCopy={this._handleCopyClick}> - <Button fontSize="14px"> - <b>{copyButtonText}</b> - </Button> + <StyledButton> + {copyButtonText} + </StyledButton> </CopyToClipboard> </Container> <SyntaxHighlighter language="html" style={customStyle} showLineNumbers={true} PreTag={CustomPre}> @@ -176,3 +176,10 @@ export class CodeDemo extends React.Component<CodeDemoProps, CodeDemoState> { this.setState({ didCopyCode: true }); }; } + +const StyledButton = styled(Button)` + border-radius: 4px; + font-size: 15px; + font-weight: 400; + padding: 9px 21px 7px; +`; diff --git a/packages/website/ts/@next/pages/instant/configurator.tsx b/packages/website/ts/@next/pages/instant/configurator.tsx index e4334eabb..007526396 100644 --- a/packages/website/ts/@next/pages/instant/configurator.tsx +++ b/packages/website/ts/@next/pages/instant/configurator.tsx @@ -100,4 +100,8 @@ export class Configurator extends React.Component { const HeadingWrapper = styled.div` display: flex; justify-content: space-between; + + a { + transform: translateY(-8px); + } `; |