diff options
author | Francesco Agosti <francesco.agosti93@gmail.com> | 2018-12-18 03:21:53 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-18 03:21:53 +0800 |
commit | c0b469fdd9658df8b96f2c8dbf7901058afbf005 (patch) | |
tree | 0cc9e9d2db8a11608fffdc50f79e5295150266ee /packages/website/ts/@next/pages/instant/code_demo.tsx | |
parent | 9b4d1a1e3876313bf36b692128b40647b9e491df (diff) | |
parent | 47db165afc51a8ffe5ffe0d194a1e893bfb94083 (diff) | |
download | dexon-sol-tools-c0b469fdd9658df8b96f2c8dbf7901058afbf005.tar dexon-sol-tools-c0b469fdd9658df8b96f2c8dbf7901058afbf005.tar.gz dexon-sol-tools-c0b469fdd9658df8b96f2c8dbf7901058afbf005.tar.bz2 dexon-sol-tools-c0b469fdd9658df8b96f2c8dbf7901058afbf005.tar.lz dexon-sol-tools-c0b469fdd9658df8b96f2c8dbf7901058afbf005.tar.xz dexon-sol-tools-c0b469fdd9658df8b96f2c8dbf7901058afbf005.tar.zst dexon-sol-tools-c0b469fdd9658df8b96f2c8dbf7901058afbf005.zip |
Merge pull request #1440 from bakkenbaeck/feature/website/0x-org
Feature/website/0x org
Diffstat (limited to 'packages/website/ts/@next/pages/instant/code_demo.tsx')
-rw-r--r-- | packages/website/ts/@next/pages/instant/code_demo.tsx | 15 |
1 files changed, 11 insertions, 4 deletions
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; +`; |