1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-31 19:30:53 +00:00

use padding instead of vertical centering in wallet views

This commit is contained in:
slowbackspace 2019-01-04 21:19:11 +01:00
parent 4ac5af39b7
commit a1e3dcf80b
6 changed files with 10 additions and 21 deletions

View File

@ -6,15 +6,13 @@ import { connect } from 'react-redux';
const Wrapper = styled.div`
display: flex;
flex-direction: column;
flex: 1;
`;
const Row = styled.div`
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 100px 48px;
`;
const P = styled.p`

View File

@ -12,17 +12,15 @@ import { connect } from 'react-redux';
const Section = styled.section`
display: flex;
justify-content: center;
align-items: center;
height: 100%;
flex-direction: column;
`;
const Row = styled.div`
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 100px 48px;
`;
const StyledP = styled(P)`

View File

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

View File

@ -7,16 +7,14 @@ import { connect } from 'react-redux';
const Wrapper = styled.div`
display: flex;
flex: 1;
justify-content: center;
align-items: center;
flex-direction: column;
`;
const Row = styled.div`
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 100px 48px;
`;
const A = styled.a``;

View File

@ -6,16 +6,14 @@ import { connect } from 'react-redux';
const Wrapper = styled.div`
display: flex;
flex: 1;
justify-content: center;
align-items: center;
flex-direction: column;
`;
const Row = styled.div`
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 100px 48px;
`;
const StyledParagraph = styled(Paragraph)`

View File

@ -13,17 +13,14 @@ import Button from 'components/Button';
const Section = styled.section`
display: flex;
justify-content: center;
align-items: center;
height: 100%;
flex-direction: column;
`;
const Row = styled.div`
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 100px 48px;
`;
const WalletSettings = () => (