1
0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-03 21:00:55 +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` const Wrapper = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1;
`; `;
const Row = styled.div` const Row = styled.div`
flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center;
align-items: center; align-items: center;
padding: 100px 48px;
`; `;
const P = styled.p` const P = styled.p`

View File

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

View File

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

View File

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

View File

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

View File

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