1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-03 13:48:15 +00:00

Fixed padding in account pages

This commit is contained in:
Vladimir Volek 2018-10-16 14:47:49 +02:00
parent 6461400853
commit 0f544f8578
5 changed files with 146 additions and 149 deletions

View File

@ -8,6 +8,7 @@ const Wrapper = styled.div`
font-size: ${FONT_SIZE.WALLET_TITLE}; font-size: ${FONT_SIZE.WALLET_TITLE};
font-weight: ${FONT_WEIGHT.BASE}; font-weight: ${FONT_WEIGHT.BASE};
color: ${colors.WALLET_TITLE}; color: ${colors.WALLET_TITLE};
padding-bottom: 25px;
`; `;
const Title = ({ const Title = ({

View File

@ -24,7 +24,6 @@ const Label = styled.div`
const AddressWrapper = styled.div` const AddressWrapper = styled.div`
position: relative; position: relative;
display: flex; display: flex;
margin-top: 20px;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: ${props => (props.isShowingQrCode ? 'column' : 'row')}; flex-direction: ${props => (props.isShowingQrCode ? 'column' : 'row')};
`; `;

View File

@ -34,7 +34,7 @@ const AmountInputLabel = styled.span`
`; `;
const InputRow = styled.div` const InputRow = styled.div`
margin: 20px 0; padding: 0 0 15px 0;
`; `;
const SetMaxAmountButton = styled(Button)` const SetMaxAmountButton = styled(Button)`
@ -247,7 +247,6 @@ const AccountSend = (props: Props) => {
return ( return (
<Content> <Content>
<React.Fragment>
<Title>Send Ethereum or tokens</Title> <Title>Send Ethereum or tokens</Title>
<InputRow> <InputRow>
<Input <Input
@ -262,7 +261,6 @@ const AccountSend = (props: Props) => {
onChange={event => onAddressChange(event.target.value)} onChange={event => onAddressChange(event.target.value)}
/> />
</InputRow> </InputRow>
<InputRow> <InputRow>
<Input <Input
state={getAmountInputState(errors.amount, warnings.amount)} state={getAmountInputState(errors.amount, warnings.amount)}
@ -395,7 +393,6 @@ const AccountSend = (props: Props) => {
network={network} network={network}
/> />
)} )}
</React.Fragment>
</Content> </Content>
); );
}; };

View File

@ -10,12 +10,13 @@ import colors from 'config/colors';
const Wrapper = styled.div` const Wrapper = styled.div`
display: flex; display: flex;
flex: 1; flex: 1;
margin-top: -5px;
flex-direction: row; flex-direction: row;
background: ${colors.WHITE}; background: ${colors.WHITE};
`; `;
const Row = styled.div` const Row = styled.div`
padding: 10px 0 10px 0; padding: 0 0 10px 0;
`; `;
const RowButtons = styled(Row)` const RowButtons = styled(Row)`

View File

@ -7,7 +7,6 @@ import Icon from 'components/Icon';
import { AsyncSelect } from 'components/Select'; import { AsyncSelect } from 'components/Select';
import ICONS from 'config/icons'; import ICONS from 'config/icons';
import colors from 'config/colors'; import colors from 'config/colors';
import Title from 'views/Wallet/components/Title';
import Tooltip from 'components/Tooltip'; import Tooltip from 'components/Tooltip';
import Content from 'views/Wallet/components/Content'; import Content from 'views/Wallet/components/Content';
@ -83,7 +82,7 @@ const AccountSummary = (props: Props) => {
<AccountHeading> <AccountHeading>
<AccountName> <AccountName>
<StyledCoinLogo coinNetwork={account.network} /> <StyledCoinLogo coinNetwork={account.network} />
<Title>Account #{parseInt(account.index, 10) + 1}</Title> <H2>Account #{parseInt(account.index, 10) + 1}</H2>
</AccountName> </AccountName>
<Link href={explorerLink} isGray>See full transaction history</Link> <Link href={explorerLink} isGray>See full transaction history</Link>
</AccountHeading> </AccountHeading>