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

Unify labels in section

This commit is contained in:
Vladimir Volek 2018-11-18 18:28:53 +01:00
parent 8ed59317c7
commit 3b374e424e
6 changed files with 14 additions and 16 deletions

View File

@ -18,10 +18,9 @@ const disabledColor = colors.TEXT_PRIMARY;
const StyledTextarea = styled(Textarea)`
width: 100%;
min-height: 85px;
margin-bottom: 10px;
padding: 10px 12px;
box-sizing: border-box;
border: 1px solid ${props => (props.borderColor ? props.borderColor : colors.DIVIDER)};
border: 1px solid ${props => (props.colorBorder ? props.colorBorder : colors.DIVIDER)};
border-radius: 2px;
resize: none;
outline: none;
@ -95,7 +94,7 @@ const StyledTextarea = styled(Textarea)`
`;
const TopLabel = styled.span`
padding-bottom: 4px;
padding-bottom: 8px;
color: ${colors.TEXT_SECONDARY};
`;
@ -159,6 +158,7 @@ const TextArea = ({
state = '',
bottomText = '',
trezorAction = null,
...rest
}) => (
<Wrapper className={className}>
{topLabel && (
@ -179,8 +179,7 @@ const TextArea = ({
value={value}
placeholder={placeholder}
onChange={onChange}
borderColor={getColor(state)}
trezorAction={trezorAction}
{... rest}
/>
<TrezorAction action={trezorAction}>
<ArrowUp />{trezorAction}

View File

@ -29,7 +29,7 @@ const InputIconWrapper = styled.div`
`;
const TopLabel = styled.span`
padding-bottom: 10px;
padding-bottom: 8px;
color: ${colors.TEXT_SECONDARY};
`;

View File

@ -58,7 +58,7 @@ const Content = ({
);
Content.propTypes = {
children: PropTypes.element,
children: PropTypes.oneOfType([PropTypes.element, PropTypes.array]),
isLoading: PropTypes.bool,
title: PropTypes.string,
message: PropTypes.string,

View File

@ -248,7 +248,6 @@ LeftNavigation.propTypes = {
wallet: PropTypes.object,
devices: PropTypes.array,
pending: PropTypes.array,
toggleDeviceDropdown: PropTypes.func,
addAccount: PropTypes.func,
acquireDevice: PropTypes.func,

View File

@ -8,7 +8,7 @@ const Wrapper = styled.div`
font-size: ${FONT_SIZE.WALLET_TITLE};
font-weight: ${FONT_WEIGHT.BASE};
color: ${colors.WALLET_TITLE};
padding-bottom: 25px;
padding-bottom: 35px;
`;
const Title = ({

View File

@ -20,7 +20,7 @@ const Wrapper = styled.div`
`;
const Row = styled.div`
padding: 0 0 10px 0;
padding: 0 0 25px 0;
`;
const RowButtons = styled(Row)`
@ -108,8 +108,8 @@ class SignVerify extends Component<Props, State> {
<Wrapper>
<Sign>
<Row>
<Label>Address</Label>
<Input
topLabel="Address"
name="signAddress"
value={account.address}
height={50}
@ -119,8 +119,8 @@ class SignVerify extends Component<Props, State> {
/>
</Row>
<Row>
<Label>Message</Label>
<Textarea
topLabel="Message"
name="signMessage"
value={this.state.signMessage}
onChange={this.handleInputChange}
@ -130,8 +130,8 @@ class SignVerify extends Component<Props, State> {
/>
</Row>
<Row>
<Label>Signature</Label>
<Textarea
topLabel="Signature"
name="signSignature"
value={signature}
rows={4}
@ -154,8 +154,8 @@ class SignVerify extends Component<Props, State> {
</Sign>
<Verify>
<Row>
<Label>Address</Label>
<Input
topLabel="Address"
name="verifyAddress"
value={this.state.verifyAddress}
onChange={this.handleInputChange}
@ -166,8 +166,8 @@ class SignVerify extends Component<Props, State> {
/>
</Row>
<Row>
<Label>Message</Label>
<Textarea
topLabel="Message"
name="verifyMessage"
value={this.state.verifyMessage}
onChange={this.handleInputChange}
@ -177,8 +177,8 @@ class SignVerify extends Component<Props, State> {
/>
</Row>
<Row>
<Label>Signature</Label>
<Textarea
topLabel="Signature"
name="verifySignature"
value={this.state.verifySignature}
onChange={this.handleInputChange}