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 /packages/website/ts | |
| parent | f242c4206f10df7a66b4eda73b22ac049b816f17 (diff) | |
| download | dexon-sol-tools-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar dexon-sol-tools-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar.gz dexon-sol-tools-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar.bz2 dexon-sol-tools-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar.lz dexon-sol-tools-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar.xz dexon-sol-tools-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.tar.zst dexon-sol-tools-8490c31fb7ff788d725b7636cd6bce7b2ae13ac4.zip | |
Tweak configurator
Diffstat (limited to 'packages/website/ts')
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); + } `; |
