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

collapsible buttons in sign n verify tab

Browse Source
This commit is contained in:
slowbackspace 2018-12-20 19:01:14 +01:00
parent 289c7ddcb5
commit 6f287412b8
1 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/Wallet/views/Account/SignVerify/index.js
View File

@ -25,11 +25,29 @@ const RowButtons = styled(Row)`
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
@media all and (max-width: 850px) {
flex-wrap: wrap;
margin: -5px;
}
`; `;
const StyledButton = styled(Button)` const StyledButton = styled(Button)`
margin-left: 10px;
width: 110px; width: 110px;
margin-left: 10px;
&:first-child {
margin-left: 0;
}
@media all and (max-width: 850px) {
flex: 1;
margin: 5px;
&:first-child {
margin-left: 5px;
}
}
`; `;
const Column = styled.div` const Column = styled.div`
@ -117,11 +135,11 @@ class SignVerify extends Component <Props> {
/> />
</Row> </Row>
<RowButtons> <RowButtons>
<Button <StyledButton
onClick={this.props.signVerifyActions.clearSign} onClick={this.props.signVerifyActions.clearSign}
isWhite isWhite
>Clear >Clear
</Button> </StyledButton>
<StyledButton <StyledButton
onClick={() => signVerifyActions.sign(account.addressPath, signMessage)} onClick={() => signVerifyActions.sign(account.addressPath, signMessage)}
>Sign >Sign
@ -166,11 +184,11 @@ class SignVerify extends Component <Props> {
/> />
</Row> </Row>
<RowButtons> <RowButtons>
<Button <StyledButton
onClick={signVerifyActions.clearVerify} onClick={signVerifyActions.clearVerify}
isWhite isWhite
>Clear >Clear
</Button> </StyledButton>
<StyledButton <StyledButton
onClick={ onClick={
() => { () => {