crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweak configurator

Browse Source
This commit is contained in:
Fred Carlsen
2018-12-17 14:03:14 +01:00
parent f242c4206f
commit 8490c31fb7
3 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/website/ts/@next/icons/illustrations/long-term-impact.svg generated
View File

@@ -6,4 +6,4 @@
<path d="M91.8639 51.796H11.864" stroke="#00AE99" stroke-width="2.5" stroke-miterlimit="10"/> <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 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"/> <path d="M86.6201 31.7823H17.1084" stroke="#00AE99" stroke-width="2.5" stroke-miterlimit="10"/>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

15
packages/website/ts/@next/pages/instant/code_demo.tsx
View File

@@ -2,7 +2,7 @@ import * as React from 'react';
import * as CopyToClipboard from 'react-copy-to-clipboard'; import * as CopyToClipboard from 'react-copy-to-clipboard';
import SyntaxHighlighter from 'react-syntax-highlighter'; 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 { Container } from 'ts/components/ui/container';
import { styled } from 'ts/style/theme'; import { styled } from 'ts/style/theme';
import { zIndex } from 'ts/style/z_index'; 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="relative" height="100%">
<Container position="absolute" top="10px" right="10px" zIndex={zIndex.overlay - 1}> <Container position="absolute" top="10px" right="10px" zIndex={zIndex.overlay - 1}>
<CopyToClipboard text={this.props.children} onCopy={this._handleCopyClick}> <CopyToClipboard text={this.props.children} onCopy={this._handleCopyClick}>
<Button fontSize="14px"> <StyledButton>
<b>{copyButtonText}</b> {copyButtonText}
</Button> </StyledButton>
</CopyToClipboard> </CopyToClipboard>
</Container> </Container>
<SyntaxHighlighter language="html" style={customStyle} showLineNumbers={true} PreTag={CustomPre}> <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 }); this.setState({ didCopyCode: true });
}; };
} }
const StyledButton = styled(Button)`
border-radius: 4px;
font-size: 15px;
font-weight: 400;
padding: 9px 21px 7px;
`;

4
packages/website/ts/@next/pages/instant/configurator.tsx
View File

@@ -100,4 +100,8 @@ export class Configurator extends React.Component {
const HeadingWrapper = styled.div` const HeadingWrapper = styled.div`
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
a {
transform: translateY(-8px);
}
`; `;