1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-15 21:08:57 +00:00

more responsive sign n verify component

This commit is contained in:
slowbackspace 2019-01-24 18:47:25 +01:00
parent 4a60403fab
commit 8b8b22e952

View File

@ -7,6 +7,8 @@ import Title from 'views/Wallet/components/Title';
import Button from 'components/Button';
import Content from 'views/Wallet/components/Content';
import colors from 'config/colors';
import { SCREEN_SIZE } from 'config/variables';
import type { Props } from './Container';
@ -14,6 +16,7 @@ const Wrapper = styled.div`
display: flex;
flex: 1;
flex-direction: row;
flex-wrap: wrap;
background: ${colors.WHITE};
`;
@ -52,14 +55,22 @@ const StyledButton = styled(Button)`
const Column = styled.div`
display: flex;
flex: 1;
flex: 1 1 50%;
flex-direction: column;
@media screen and (max-width: ${SCREEN_SIZE.XS}) {
flex: 1 1 100%;
}
`;
const Sign = styled(Column)``;
const Verify = styled(Column)`
padding-left: 20px;
@media screen and (max-width: ${SCREEN_SIZE.XS}) {
padding-left: 0px;
}
`;
class SignVerify extends Component <Props> {