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