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

Fixed modal overflow

Browse Source
This commit is contained in:
Vladimir Volek 2018-09-19 13:11:41 +02:00
parent 25b268e816
commit e9f938e522
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/modals/confirm/SignTx/index.js
View File

@ -5,6 +5,7 @@ import P from 'components/Paragraph';
import Icon from 'components/Icon'; import Icon from 'components/Icon';
import icons from 'config/icons'; import icons from 'config/icons';
import { H3 } from 'components/Heading'; import { H3 } from 'components/Heading';
import { LINE_HEIGHT } from 'config/variables';
const Wrapper = styled.div` const Wrapper = styled.div`
width: 390px; width: 390px;
@ -21,6 +22,12 @@ const Content = styled.div`
padding: 24px 48px; padding: 24px 48px;
`; `;
const StyledP = styled(P)`
word-wrap: break-word;
padding: 5px 0;
line-height: ${LINE_HEIGHT.SMALL}
`;
const Label = styled.div` const Label = styled.div`
padding-top: 5px; padding-top: 5px;
font-size: 10px; font-size: 10px;
@ -49,7 +56,7 @@ const ConfirmSignTx = (props) => {
<Label>Send</Label> <Label>Send</Label>
<P>{`${amount} ${currency}` }</P> <P>{`${amount} ${currency}` }</P>
<Label>To</Label> <Label>To</Label>
<P>{ address }</P> <StyledP>{ address }</StyledP>
<Label>Fee</Label> <Label>Fee</Label>
<P>{ selectedFeeLevel.label }</P> <P>{ selectedFeeLevel.label }</P>
</Content> </Content>

1
src/config/variables.js
View File

@ -41,5 +41,6 @@ export const TRANSITION = {
}; };
export const LINE_HEIGHT = { export const LINE_HEIGHT = {
SMALL: '1.4',
BASE: '1.8', BASE: '1.8',
}; };