MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Products lists

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-12-06 22:00:48 -05:00
parent 73ca831e1a
commit c8bf4069fc
2 changed files with 26 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/home/HomeSections.jsx
+25 -78
View File
@@ -136,8 +136,8 @@ export default function HomeSections(){
</div> </div>
<div className="card-body pb-0"> <div className="card-body pb-0">
<div className="row m-b-20"> <div className="row m-b-20">
<div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard"> <div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 ">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center extraProductCard">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded"> <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i> <i className="fa fa-cart-plus text-primary"></i>
</div> </div>
@@ -147,8 +147,9 @@ export default function HomeSections(){
</div> </div>
</div> </div>
</div> </div>
<div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard">
<div className="d-flex align-items-center"> <div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 ">
<div className="d-flex align-items-center extraProductCard">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded"> <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i> <i className="fa fa-cart-plus text-primary"></i>
</div> </div>
@@ -159,8 +160,8 @@ export default function HomeSections(){
</div> </div>
</div> </div>
<div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard"> <div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 ">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center extraProductCard">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded"> <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i> <i className="fa fa-cart-plus text-primary"></i>
</div> </div>
@@ -170,8 +171,8 @@ export default function HomeSections(){
</div> </div>
</div> </div>
</div> </div>
<div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard"> <div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 ">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center extraProductCard">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded"> <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i> <i className="fa fa-cart-plus text-primary"></i>
</div> </div>
@@ -182,8 +183,8 @@ export default function HomeSections(){
</div> </div>
</div> </div>
<div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard"> <div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 ">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center extraProductCard">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded"> <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i> <i className="fa fa-cart-plus text-primary"></i>
</div> </div>
@@ -193,8 +194,8 @@ export default function HomeSections(){
</div> </div>
</div> </div>
</div> </div>
<div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard"> <div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 ">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center extraProductCard">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded"> <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i> <i className="fa fa-cart-plus text-primary"></i>
</div> </div>
@@ -205,72 +206,18 @@ export default function HomeSections(){
</div> </div>
</div> </div>
<div style={{backgroundColor: 'red'}} className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0">
<div className="d-flex align-items-center"> {/*<div style={{backgroundColor: 'green'}} className="col-xxs-6 col-md-4 col-xxl-6 mb-2 mb-xxl-0">*/}
<div className="icon-container img-icon m-r-20 bg-light-gray rounded"> {/* <div className="d-flex align-items-center">*/}
<i className="fa fa-cart-plus text-primary"></i> {/* <div className="icon-container img-icon m-r-20 bg-light-gray rounded">*/}
</div> {/* <i className="fa fa-dollar text-primary"></i>*/}
<div className="report-details"> {/* </div>*/}
<p>Annual Sales</p> {/* <div className="report-details">*/}
<h3>15,236</h3> {/* <p>Annual Revenue</p>*/}
</div> {/* <h3>$40,516</h3>*/}
</div> {/* </div>*/}
</div> {/* </div>*/}
<div style={{backgroundColor: 'yellow'}} className="col-xxs-6 col-md-4 col-xxl-6 mb-2 mb-xxl-0"> {/*</div>*/}
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-dollar text-primary"></i>
</div>
<div className="report-details">
<p>Annual Revenue</p>
<h3>$40,516</h3>
</div>
</div>
</div>
<div style={{backgroundColor: 'green'}} className="col-xxs-6 col-md-4 col-xxl-6 mb-2 mb-xxl-0">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-dollar text-primary"></i>
</div>
<div className="report-details">
<p>Annual Revenue</p>
<h3>$40,516</h3>
</div>
</div>
</div>
<div style={{backgroundColor: 'red'}} className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i>
</div>
<div className="report-details">
<p>Annual Sales</p>
<h3>15,236</h3>
</div>
</div>
</div>
<div style={{backgroundColor: 'yellow'}} className="col-xxs-6 col-md-4 col-xxl-6 mb-2 mb-xxl-0">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-dollar text-primary"></i>
</div>
<div className="report-details">
<p>Annual Revenue</p>
<h3>$40,516</h3>
</div>
</div>
</div>
<div style={{backgroundColor: 'green'}} className="col-xxs-6 col-md-4 col-xxl-6 mb-2 mb-xxl-0">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-dollar text-primary"></i>
</div>
<div className="report-details">
<p>Annual Revenue</p>
<h3>$40,516</h3>
</div>
</div>
</div>
</div> </div>
<div className="apexchart-wrapper"> <div className="apexchart-wrapper">
<div id="ecommerce5" className="chart-fit"></div> <div id="ecommerce5" className="chart-fit"></div>
src/css/style.scss
+1
View File
@@ -86,6 +86,7 @@
.extraProductCard{ .extraProductCard{
background-color: aliceblue; background-color: aliceblue;
border-radius: 5px; border-radius: 5px;
margin: 2px;
} }