arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-28 03:08:30 +00:00
Code Issues Releases Wiki Activity

Fix icon margin in input

Browse Source
This commit is contained in:
Vasek Mlejnsky 2018-09-24 11:43:34 +02:00
parent 7d4ca8eeed
commit ba5996e3cf
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/inputs/Input/index.js
View File

@ -34,7 +34,7 @@ const TopLabel = styled.span`
const StyledInput = styled.input` const StyledInput = styled.input`
width: 100%; width: 100%;
padding: 6px ${props => (props.hasIcon ? '40px' : '12px')} 6px 12px; padding: 6px ${props => (props.hasIcon ? '32px' : '12px')} 6px 12px;
line-height: 1.42857143; line-height: 1.42857143;
font-size: ${FONT_SIZE.SMALL}; font-size: ${FONT_SIZE.SMALL};
@ -61,7 +61,7 @@ const StyledInput = styled.input`
const StyledIcon = styled(Icon)` const StyledIcon = styled(Icon)`
position: absolute; position: absolute;
left: auto; left: auto;
right: 10px; right: 3px;
`; `;
const BottomText = styled.span` const BottomText = styled.span`
@ -112,7 +112,7 @@ class Input extends Component {
/> />
)} )}
<StyledInput <StyledInput
hasIcon={!!this.props.state} hasIcon={this.getIcon(this.props.state).length > 0}
innerRef={this.props.innerRef} innerRef={this.props.innerRef}
hasAddon={!!this.props.sideAddons} hasAddon={!!this.props.sideAddons}
type={this.props.type} type={this.props.type}