Yusmardianto
4 years ago
1 changed files with 7 additions and 25 deletions
Unified View
Diff Options
+ 7
- 25
pages-sections/product/product_details.js
View File
| @@ -86,29 +86,11 @@ const DataProduct = function ({ backend, detailproduct, ...props }) { | |||||
| tabContent: ( | tabContent: ( | ||||
| <div> | <div> | ||||
| <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}> | <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}> | ||||
| <Grid fluid xs={5}> | |||||
| <div className={classes.section} id="notifications"> | |||||
| <img className={navImageClasses} width="50px" alt="First slide" src={`${backend}${data.img[0]["url"]}`} /> | |||||
| <GridItem className={classes.marginAuto}> | |||||
| <div align="justify"> | |||||
| {ReactHtmlParser(data.overview)} | |||||
| </div> | </div> | ||||
| </Grid> | |||||
| <Grid xs={7} style={{padding:"40px", marginTop:"-30px"}}> | |||||
| <div align="justify"> | |||||
| <p>{ReactHtmlParser(data.description)}</p> | |||||
| </div> | |||||
| </Grid> | |||||
| </GridContainer> | |||||
| <hr></hr> | |||||
| <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}> | |||||
| <Grid fluid xs={5}> | |||||
| <div className={classes.section} id="notifications"> | |||||
| <img className={navImageClasses} width="50px" alt="First slide" src={`${backend}${data.img[0]["url"]}`} /> | |||||
| </div> | |||||
| </Grid> | |||||
| <Grid xs={7} style={{padding:"40px", marginTop:"-30px"}}> | |||||
| <div align="justify"> | |||||
| <p>{ReactHtmlParser(data.description)}</p> | |||||
| </div> | |||||
| </Grid> | |||||
| </GridItem> | |||||
| </GridContainer> | </GridContainer> | ||||
| </div> | </div> | ||||
| ), | ), | ||||
| @@ -118,7 +100,7 @@ const DataProduct = function ({ backend, detailproduct, ...props }) { | |||||
| tabIcon: Dashboard, | tabIcon: Dashboard, | ||||
| tabContent: ( | tabContent: ( | ||||
| <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}> | <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}> | ||||
| <GridItem> | |||||
| <GridItem className={classes.marginAuto}> | |||||
| <div align="justify"> | <div align="justify"> | ||||
| {ReactHtmlParser(data.specification)} | {ReactHtmlParser(data.specification)} | ||||
| </div> | </div> | ||||
| @@ -131,7 +113,7 @@ const DataProduct = function ({ backend, detailproduct, ...props }) { | |||||
| tabIcon: Dashboard, | tabIcon: Dashboard, | ||||
| tabContent: ( | tabContent: ( | ||||
| <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}> | <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}> | ||||
| <GridItem> | |||||
| <GridItem className={classes.marginAuto}> | |||||
| <div align="justify"> | <div align="justify"> | ||||
| {ReactHtmlParser(data.description)} | {ReactHtmlParser(data.description)} | ||||
| </div> | </div> | ||||
| @@ -144,7 +126,7 @@ const DataProduct = function ({ backend, detailproduct, ...props }) { | |||||
| tabIcon: Dashboard, | tabIcon: Dashboard, | ||||
| tabContent: ( | tabContent: ( | ||||
| <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}> | <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}> | ||||
| <GridItem> | |||||
| <GridItem className={classes.marginAuto}> | |||||
| <img className={navImageClasses} width="300px" height="400px" alt="First slide" src={`${backend}${data.img[0]["url"]}`} /> | <img className={navImageClasses} width="300px" height="400px" alt="First slide" src={`${backend}${data.img[0]["url"]}`} /> | ||||
| </GridItem> | </GridItem> | ||||
| </GridContainer> | </GridContainer> | ||||