Added padding for fieldset data

This commit is contained in:
ajmaley 2018-11-01 21:08:50 -04:00
parent 6ecf626659
commit 035608a19b
1 changed files with 11 additions and 2 deletions

View File

@ -1,8 +1,15 @@
import React, { Component} from 'react';
import Grid from '@material-ui/core/Grid';
import Typography from '@material-ui/core/Typography';
import { withStyles } from '@material-ui/core/styles';
import FlameLinkImage from './FlameLinkImage';
const styles = theme => ({
flamelinkFieldSetItem: {
paddingBottom: 10,
},
});
class FlameLinkFieldSetContent extends Component {
getContent(key, type, description, fieldsetContent){
@ -28,16 +35,18 @@ class FlameLinkFieldSetContent extends Component {
}
render() {
const { classes } = this.props;
const lg = this.props.field.gridColumns.lg;
const md = this.props.field.gridColumns.md;
const sm = this.props.field.gridColumns.sm;
const xs = this.props.field.gridColumns.xs;
return(
<Grid item lg={lg} md={md} sm={sm} xs={xs}>
<Grid item lg={lg} md={md} sm={sm} xs={xs} className={classes.flamelinkFieldSetItem}>
{this.getContent(this.props.fieldKey, this.props.type, this.props.field.description, this.props.data)}
</Grid>
);
}
}
export default FlameLinkFieldSetContent;
export default withStyles(styles)(FlameLinkFieldSetContent);