1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-24 09:18:09 +00:00

Fix an input address icon overlaping text

This commit is contained in:
Vasek Mlejnsky 2018-09-20 08:00:03 +02:00
parent c9b9359e70
commit 8333ac94f4

View File

@ -35,7 +35,7 @@ const TopLabel = styled.span`
const StyledInput = styled.input`
width: 100%;
padding: 6px 12px;
padding: 6px ${props => (props.hasIcon ? '40px' : '12px')} 6px 12px;
line-height: 1.42857143;
font-family: ${FONT_FAMILY.MONOSPACE};
@ -114,6 +114,7 @@ class Input extends Component {
/>
)}
<StyledInput
hasIcon={!!this.props.state}
hasAddon={!!this.props.sideAddons}
type={this.props.type}
placeholder={this.props.placeholder}