arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-03 21:00:55 +00:00
Code Issues Releases Wiki Activity

Merge pull request #290 from trezor/fix/wallet-views-paddings

Browse Source 
Use padding instead of vertical centering in wallet views
This commit is contained in:
Vladimir Volek 2019-01-05 15:11:07 +01:00 committed by GitHub
commit 4a97682b1f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 10 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/Wallet/views/Bootloader/index.js
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`

6
src/views/Wallet/views/DeviceSettings/index.js
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)`

2
src/views/Wallet/views/FirmwareUpdate/index.js
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)`

6
src/views/Wallet/views/Initialize/index.js
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``;

6
src/views/Wallet/views/Seedless/index.js
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)`

7
src/views/Wallet/views/WalletSettings/index.js
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 = () => (