arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-30 20:28:09 +00:00
Code Issues Releases Wiki Activity

fix styles for forget modal

Browse Source
This commit is contained in:
slowbackspace 2019-01-19 20:07:51 +01:00
parent aa3f037ddf
commit 85326fdc86
1 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/modals/device/Forget/index.js
View File

@ -4,7 +4,7 @@ import React, { PureComponent } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import styled from 'styled-components'; import styled from 'styled-components';
import { H3 } from 'components/Heading'; import { H2 } from 'components/Heading';
import P from 'components/Paragraph'; import P from 'components/Paragraph';
import Button from 'components/Button'; import Button from 'components/Button';
@ -19,21 +19,20 @@ type Props = {
const Wrapper = styled.div` const Wrapper = styled.div`
width: 360px; width: 360px;
padding: 24px 48px; padding: 30px 48px;
`; `;
const StyledP = styled(P)` const StyledP = styled(P)`
padding: 7px 0px; padding: 20px 0px;
`;
const StyledButton = styled(Button)`
margin: 0 0 10px 0;
`; `;
const Row = styled.div` const Row = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 10px 0;
Button + Button {
margin-top: 10px;
}
`; `;
class ForgetDevice extends PureComponent<Props> { class ForgetDevice extends PureComponent<Props> {
@ -62,11 +61,11 @@ class ForgetDevice extends PureComponent<Props> {
render() { render() {
return ( return (
<Wrapper> <Wrapper>
<H3>Forget { this.props.device.instanceLabel }?</H3> <H2>Forget { this.props.device.instanceLabel }?</H2>
<StyledP isSmaller>Forgetting only removes the device from the list on the left, your coins are still safe and you can access them by reconnecting your Trezor again.</StyledP> <StyledP isSmaller>Forgetting only removes the device from the list on the left, your coins are still safe and you can access them by reconnecting your Trezor again.</StyledP>
<Row> <Row>
<StyledButton onClick={() => this.forget()}>Forget</StyledButton> <Button onClick={() => this.forget()}>Forget</Button>
<StyledButton isWhite onClick={this.props.onCancel}>Don&apos;t forget</StyledButton> <Button isWhite onClick={this.props.onCancel}>Don&apos;t forget</Button>
</Row> </Row>
</Wrapper> </Wrapper>
); );