mirror of
https://github.com/trezor/trezor-wallet
synced 2024-12-02 21:28:12 +00:00
Fixed padding in account pages
This commit is contained in:
parent
6461400853
commit
0f544f8578
@ -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 = ({
|
||||||
|
@ -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')};
|
||||||
`;
|
`;
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -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)`
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user