1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-31 19:30:53 +00:00

collapsible buttons in sign n verify tab

This commit is contained in:
slowbackspace 2018-12-20 19:01:14 +01:00
parent 289c7ddcb5
commit 6f287412b8

View File

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