arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-31 19:30:53 +00:00
Code Issues Releases Wiki Activity

unify paddings in wallet views

Browse Source
This commit is contained in:
slowbackspace 2019-01-07 13:54:33 +01:00
parent 9c400f0b6e
commit 0be0c918de
8 changed files with 18 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/Wallet/components/Content/components/FirmwareUnsupported/index.js
View File

@ -3,8 +3,8 @@ import React from 'react';
import styled from 'styled-components';
import colors from 'config/colors';
import { FONT_SIZE } from 'config/variables';
import { H2 } from 'components/Heading';
import { H1 } from 'components/Heading';
import Paragraph from 'components/Paragraph';
import Button from 'components/Button';
import Link from 'components/Link';
import CoinLogo from 'components/images/CoinLogo';
@ -39,21 +39,17 @@ const StyledCoinLogo = styled(CoinLogo)`
width: 32px;
`;
const StyledLink = styled(Link)`
padding-top: 24px;
`;
const Row = styled.div`
flex: 1;
display: flex;
padding: 50px 0;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
`;
const Message = styled.div`
font-size: ${FONT_SIZE.SMALL};
color: ${colors.TEXT_SECONDARY};
const Message = styled(Paragraph)`
padding: 0 0 15px 0;
text-align: center;
`;
@ -61,11 +57,11 @@ const FirmwareUnsupported = (props: Props) => (
<Wrapper>
<Row>
{props.networkShortcut && <CoinLogoWrapper><StyledCoinLogo standalone network={props.networkShortcut} /></CoinLogoWrapper>}
<H2>{props.title}</H2>
<H1>{props.title}</H1>
<Message>{props.message}</Message>
<StyledLink href={getInfoUrl(props.networkShortcut)}>
<Link href={getInfoUrl(props.networkShortcut)}>
<Button>Find out more info</Button>
</StyledLink>
</Link>
</Row>
</Wrapper>
);

3
src/views/Wallet/views/Bootloader/index.js
View File

@ -7,13 +7,14 @@ import { connect } from 'react-redux';
const Wrapper = styled.div`
display: flex;
flex-direction: column;
padding: 40px 35px 40px 35px;
`;
const Row = styled.div`
display: flex;
flex-direction: column;
align-items: center;
padding: 100px 48px;
padding: 50px 0;
`;
const StyledP = styled(P)`

2
src/views/Wallet/views/Dashboard/index.js
View File

@ -15,7 +15,7 @@ const Wrapper = styled.div`
const Row = styled.div`
flex: 1;
display: flex;
padding: 100px 48px;
padding: 50px 0;
flex-direction: column;
align-items: center;

2
src/views/Wallet/views/DeviceSettings/index.js
View File

@ -20,7 +20,7 @@ const Row = styled.div`
display: flex;
flex-direction: column;
align-items: center;
padding: 100px 48px;
padding: 50px 0;
`;
const StyledP = styled(P)`

2
src/views/Wallet/views/FirmwareUpdate/index.js
View File

@ -31,7 +31,7 @@ const Wrapper = styled.section`
flex-direction: column;
justify-content: center;
align-items: center;
padding: 100px 48px;
padding: 90px 35px 40px 35px;
`;
const StyledNavLink = styled(Link)`

2
src/views/Wallet/views/Initialize/index.js
View File

@ -15,7 +15,7 @@ const Row = styled.div`
display: flex;
flex-direction: column;
align-items: center;
padding: 100px 48px;
padding: 50px 0;
`;
const A = styled.a``;

2
src/views/Wallet/views/Seedless/index.js
View File

@ -15,7 +15,7 @@ const Row = styled.div`
display: flex;
flex-direction: column;
align-items: center;
padding: 100px 48px;
padding: 50px 0;
`;
const StyledParagraph = styled(Paragraph)`

2
src/views/Wallet/views/WalletSettings/index.js
View File

@ -20,7 +20,7 @@ const Row = styled.div`
display: flex;
flex-direction: column;
align-items: center;
padding: 100px 48px;
padding: 50px 0;
`;
const WalletSettings = () => (