diff --git a/src/js/components/wallet/account/sign/SignVerify.js b/src/js/components/wallet/account/sign/SignVerify.js index 1c7dcb41..20a9b4b5 100644 --- a/src/js/components/wallet/account/sign/SignVerify.js +++ b/src/js/components/wallet/account/sign/SignVerify.js @@ -1,29 +1,66 @@ import React from 'react'; +import styled from 'styled-components'; + import { H2 } from '~/js/components/common/Heading'; -import { bindActionCreators } from 'redux'; -import { connect } from 'react-redux'; +import colors from '~/js/config/colors'; + +const Wrapper = styled.div` + display: flex; + flex: 1; + flex-direction: row; + background: ${colors.WHITE}; + padding: 50px; +`; + +const StyledH2 = styled(H2)` + padding-bottom: 10px; +`; + +const Column = styled.div` + display: flex; + flex: 1; + flex-direction: column; +`; + +const Sign = styled(Column)``; + +const Verify = styled(Column)` + padding-left: 20px; +`; + +const Label = styled.div` + color: ${colors.LABEL}; + padding: 5px 0px; +`; + +const Textarea = styled.textarea` + resize: vertical; + width: 100%; +`; + +const Input = styled.input``; const SignVerify = () => ( -
-
-

Sign message

- -