Commit 265edb84 authored by Mai Thanh Cong's avatar Mai Thanh Cong

change font-text in tab trace code

parent c3346782
...@@ -48,12 +48,12 @@ ...@@ -48,12 +48,12 @@
], ],
"product_certification": [ "product_certification": [
{ {
"certification_information": "Chứng nhận certificate", "certification_information": "Chứng nhận certificate 1",
"image": "/image/certificate/certificate.jpg", "image": "/image/certificate/certificate.jpg",
"date": 1624870109921 "date": 1624870109921
}, },
{ {
"certification_information": "Chứng nhận certificate", "certification_information": "Chứng nhận certificate 2",
"image": "/image/certificate/certificate.jpg", "image": "/image/certificate/certificate.jpg",
"date": 1624870109921 "date": 1624870109921
} }
......
...@@ -99,7 +99,7 @@ const Tracecode = () => { ...@@ -99,7 +99,7 @@ const Tracecode = () => {
</Col> </Col>
<Col md="6"> <Col md="6">
<div className="pl-md-5"> <div className="pl-md-5">
<h3>{product.name}</h3> <div className="h3 font-weight-bold m3">{product.name}</div>
<div className="h5 mb-3">Mã sn phm <span className="font-weight-bold">{product.trace_code}</span></div> <div className="h5 mb-3">Mã sn phm <span className="font-weight-bold">{product.trace_code}</span></div>
<div className="h5 mb-3">Xut x <span className="font-weight-bold">{product.origin}</span></div> <div className="h5 mb-3">Xut x <span className="font-weight-bold">{product.origin}</span></div>
<div className="h5 mb-3" style={{ color: '#33CC66' }}>Giá: {product.cost}</div> <div className="h5 mb-3" style={{ color: '#33CC66' }}>Giá: {product.cost}</div>
...@@ -170,7 +170,7 @@ const Tracecode = () => { ...@@ -170,7 +170,7 @@ const Tracecode = () => {
<TabContent activeTab={"plainTabs" + plainTabs}> <TabContent activeTab={"plainTabs" + plainTabs}>
<TabPane tabId="plainTabs1"> <TabPane tabId="plainTabs1">
<div className="description"> <div className="description">
<div className="h5 font-weight-bold mb-3">{product.name}</div> <div className="h3 font-weight-bold mb-3">{product.name}</div>
<div className="h5 mb-3">Mã sn phm <span className="font-weight-bold">{product.trace_code}</span></div> <div className="h5 mb-3">Mã sn phm <span className="font-weight-bold">{product.trace_code}</span></div>
<div className="h5 mb-3">Xut x <span className="font-weight-bold">{product.origin}</span></div> <div className="h5 mb-3">Xut x <span className="font-weight-bold">{product.origin}</span></div>
<div className="h5 mb-3" style={{ color: '#33CC66' }}>Giá: {product.cost}</div> <div className="h5 mb-3" style={{ color: '#33CC66' }}>Giá: {product.cost}</div>
...@@ -182,8 +182,9 @@ const Tracecode = () => { ...@@ -182,8 +182,9 @@ const Tracecode = () => {
<div> <div>
<div className="h5 font-weight-bold mt-3">{diary.company}</div> <div className="h5 font-weight-bold mt-3">{diary.company}</div>
<Row className="h6 mb-3"> <Row className="h6 mb-3">
<Col>{formatDateTime(diary.date)}</Col> <Col xs={4}>{formatDateTime(diary.date)}</Col>
<Col>{diary.description}</Col> <Col xs={6}>{diary.description}</Col>
<Col></Col>
</Row> </Row>
</div> </div>
))} ))}
...@@ -194,8 +195,8 @@ const Tracecode = () => { ...@@ -194,8 +195,8 @@ const Tracecode = () => {
{product.product_certification.map((certificate) => ( {product.product_certification.map((certificate) => (
<Row> <Row>
<Col xs={4}> <Col xs={4}>
<div className="h6 mt-3 mb-3">{certificate.certification_information}</div>
<img src={window.location.origin + certificate.image} alt="certificate" height="250px" /> <img src={window.location.origin + certificate.image} alt="certificate" height="250px" />
<div className="h5 mt-3 mb-3 font-weight-bold">{certificate.certification_information}</div>
</Col> </Col>
</Row> </Row>
))} ))}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment