1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-30 20:28:09 +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-weight: ${FONT_WEIGHT.BASE};
color: ${colors.WALLET_TITLE};
padding-bottom: 25px;
`;
const Title = ({

View File

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

View File

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

View File

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

View File

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