Some input style fine-tuning.
This commit is contained in:
parent
63271f2129
commit
7e30008ff9
@ -12,7 +12,7 @@ export default class ColorInput extends PureComponent {
|
|||||||
<div className={ [styles.outerWrapper, this.props.className].join(' ') } style={ this.props.style }>
|
<div className={ [styles.outerWrapper, this.props.className].join(' ') } style={ this.props.style }>
|
||||||
<div className={ styles.inputsWrapper }>
|
<div className={ styles.inputsWrapper }>
|
||||||
<label className={ styles.textInputWrapper } style={{ color: getColor('shade7') }}>
|
<label className={ styles.textInputWrapper } style={{ color: getColor('shade7') }}>
|
||||||
<span className={ styles.label }>{ this.props.colorKey }</span>
|
<span className={ styles.label }>{ this.props.colorKey }:</span>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
className={ styles.textInput }
|
className={ styles.textInput }
|
||||||
|
@ -8,8 +8,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
display: inline-block;
|
margin-right: 0.5rem;
|
||||||
width: 8ch;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.textInputWrapper {
|
.textInputWrapper {
|
||||||
@ -56,4 +55,5 @@
|
|||||||
|
|
||||||
.help {
|
.help {
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
|
margin-top: 0.25rem;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user