status-im/liquid-funding
2
0
Fork 0
mirror of https://github.com/status-im/liquid-funding.git synced 2025-01-11 12:04:21 +00:00
Code Issues Projects Releases Wiki Activity

update styling for multiline input

Browse Source
This commit is contained in:
Barry Gitarts 2019-07-18 10:46:26 -04:00 committed by Barry G
parent 04289332cc
commit d5f72e9f8d
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/base/TextField.jsx
View File

@ -24,6 +24,15 @@ const styles = theme => ({
marginTop: theme.spacing.unit * 3, marginTop: theme.spacing.unit * 3,
}, },
}, },
multi: {
'label + &': {
gridRowStart: 2,
gridColumnStart: 1,
gridColumnEnd: 13,
marginTop: theme.spacing.unit * 3,
paddingRight: '24px'
},
},
input: { input: {
borderRadius: 8, borderRadius: 8,
backgroundColor: '#edf2f5', backgroundColor: '#edf2f5',
@ -90,7 +99,7 @@ function Input({
name={name} name={name}
onChange={onChange} onChange={onChange}
classes={{ classes={{
root: classes.root, root: multiline ? classes.multi : classes.root,
input: classes.input, input: classes.input,
}} }}
onBlur={onBlur} onBlur={onBlur}