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…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user