Added padding for fieldset data
This commit is contained in:
parent
6ecf626659
commit
035608a19b
|
@ -1,8 +1,15 @@
|
||||||
import React, { Component} from 'react';
|
import React, { Component} from 'react';
|
||||||
import Grid from '@material-ui/core/Grid';
|
import Grid from '@material-ui/core/Grid';
|
||||||
import Typography from '@material-ui/core/Typography';
|
import Typography from '@material-ui/core/Typography';
|
||||||
|
import { withStyles } from '@material-ui/core/styles';
|
||||||
import FlameLinkImage from './FlameLinkImage';
|
import FlameLinkImage from './FlameLinkImage';
|
||||||
|
|
||||||
|
const styles = theme => ({
|
||||||
|
flamelinkFieldSetItem: {
|
||||||
|
paddingBottom: 10,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
class FlameLinkFieldSetContent extends Component {
|
class FlameLinkFieldSetContent extends Component {
|
||||||
|
|
||||||
getContent(key, type, description, fieldsetContent){
|
getContent(key, type, description, fieldsetContent){
|
||||||
|
@ -28,16 +35,18 @@ class FlameLinkFieldSetContent extends Component {
|
||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
|
const { classes } = this.props;
|
||||||
|
|
||||||
const lg = this.props.field.gridColumns.lg;
|
const lg = this.props.field.gridColumns.lg;
|
||||||
const md = this.props.field.gridColumns.md;
|
const md = this.props.field.gridColumns.md;
|
||||||
const sm = this.props.field.gridColumns.sm;
|
const sm = this.props.field.gridColumns.sm;
|
||||||
const xs = this.props.field.gridColumns.xs;
|
const xs = this.props.field.gridColumns.xs;
|
||||||
return(
|
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)}
|
{this.getContent(this.props.fieldKey, this.props.type, this.props.field.description, this.props.data)}
|
||||||
</Grid>
|
</Grid>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export default FlameLinkFieldSetContent;
|
export default withStyles(styles)(FlameLinkFieldSetContent);
|
Loading…
Reference in New Issue