mirror of
https://github.com/trezor/trezor-wallet
synced 2025-07-07 07:12:34 +00:00
removed special styling for receive address
This commit is contained in:
parent
a9d860f065
commit
678ce48674
@ -63,10 +63,8 @@ const StyledInput = styled.input`
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:read-only {
|
&:read-only {
|
||||||
${props => !props.isReceiveAddress && css`
|
|
||||||
background: ${colors.GRAY_LIGHT};
|
background: ${colors.GRAY_LIGHT};
|
||||||
color: ${colors.TEXT_SECONDARY};
|
color: ${colors.TEXT_SECONDARY};
|
||||||
`}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
${props => props.trezorAction && css`
|
${props => props.trezorAction && css`
|
||||||
@ -102,7 +100,7 @@ const Overlay = styled.div`
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
background-image: linear-gradient(to right,
|
background-image: linear-gradient(to right,
|
||||||
rgba(0,0,0, 0) 0%,
|
rgba(0,0,0, 0) 0%,
|
||||||
rgba(255,255,255, 1) 220px
|
rgba(249,249,249, 1) 220px
|
||||||
);
|
);
|
||||||
`}
|
`}
|
||||||
`;
|
`;
|
||||||
@ -191,7 +189,6 @@ class Input extends PureComponent {
|
|||||||
autoCorrect={this.props.autocorrect}
|
autoCorrect={this.props.autocorrect}
|
||||||
autoCapitalize={this.props.autocapitalize}
|
autoCapitalize={this.props.autocapitalize}
|
||||||
spellCheck={this.props.spellCheck}
|
spellCheck={this.props.spellCheck}
|
||||||
isReceiveAddress={this.props.isReceiveAddress}
|
|
||||||
isSmallText={this.props.isSmallText}
|
isSmallText={this.props.isSmallText}
|
||||||
value={this.props.value}
|
value={this.props.value}
|
||||||
readOnly={this.props.readOnly}
|
readOnly={this.props.readOnly}
|
||||||
@ -243,14 +240,12 @@ Input.propTypes = {
|
|||||||
name: PropTypes.string,
|
name: PropTypes.string,
|
||||||
isSmallText: PropTypes.bool,
|
isSmallText: PropTypes.bool,
|
||||||
isPartiallyHidden: PropTypes.bool,
|
isPartiallyHidden: PropTypes.bool,
|
||||||
isReceiveAddress: PropTypes.bool,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
Input.defaultProps = {
|
Input.defaultProps = {
|
||||||
type: 'text',
|
type: 'text',
|
||||||
autoSelect: false,
|
autoSelect: false,
|
||||||
height: 40,
|
height: 40,
|
||||||
isReceiveAddress: false,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Input;
|
export default Input;
|
||||||
|
@ -65,13 +65,13 @@ const EyeButton = styled(Button)`
|
|||||||
z-index: 10001;
|
z-index: 10001;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
background: white;
|
background: transparent;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: white;
|
background: transparent;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
@ -122,7 +122,6 @@ const AccountReceive = (props: Props) => {
|
|||||||
<Row>
|
<Row>
|
||||||
<Input
|
<Input
|
||||||
type="text"
|
type="text"
|
||||||
isReceiveAddress
|
|
||||||
readOnly
|
readOnly
|
||||||
autoSelect
|
autoSelect
|
||||||
topLabel="Address"
|
topLabel="Address"
|
||||||
|
Loading…
Reference in New Issue
Block a user