Category index page modification

amosproj · Jun 11, 2021 · c7d3b88 · c7d3b88
1 parent e2ce710
commit c7d3b88
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/frontend/src/components/productGrid/GenerationInfo.js b/frontend/src/components/productGrid/GenerationInfo.js
@@ -25,7 +25,7 @@ function GenerationInfo() {
                 </p>
             </div>
             <div class='w3-col m6 l6 w3-padding-small'>
-                <div class='w3-card-4'>
+                <div class='w3-card-4 imageTitle'>
                     <img src={GenerationImage} alt='Generation' />
                     <div class='w3-container w3-center'>
                         <p>Generation</p>

diff --git a/frontend/src/components/productGrid/IndustrialApplicationInfo.js b/frontend/src/components/productGrid/IndustrialApplicationInfo.js
@@ -25,7 +25,7 @@ function IndustrialApplicationInfo() {
                 </p>
             </div>
             <div class='w3-col m6 l6 w3-padding-small'>
-                <div class='w3-card-4'>
+                <div class='w3-card-4 imageTitle'>
                     <img src={IndustrialImage} alt='Industry' />
                     <div class='w3-container w3-center'>
                         <p>Industrial Application</p>

diff --git a/frontend/src/components/productGrid/ProductGridIndex.css b/frontend/src/components/productGrid/ProductGridIndex.css
@@ -11,3 +11,7 @@
     background-color: #8a00e5 !important;
     color: white !important;
 }
+.imageTitle {
+    background-color: #8a00e5;
+    color: white !important;
+}
diff --git a/frontend/src/components/productGrid/TransmissionInfo.js b/frontend/src/components/productGrid/TransmissionInfo.js
@@ -28,7 +28,7 @@ function TransmissionInfo() {
                 </p>
             </div>
             <div class='w3-col m6 l6 w3-padding-small'>
-                <div class='w3-card-4'>
+                <div class='w3-card-4 imageTitle'>
                     <img src={TransmissionImage} alt='Transmission' />
                     <div class='w3-container w3-center'>
                         <p>Transmission</p>