update ui fonts

JaberHPranto · Aug 3, 2021 · b485167 · b485167
1 parent 7c56773
commit b485167
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 5 deletions.
diff --git a/client/src/components/Ecommerce/FilterCategory.js b/client/src/components/Ecommerce/FilterCategory.js
@@ -2,7 +2,7 @@ import React from 'react'
 import { Dropdown, DropdownButton } from 'react-bootstrap'
 
 function FilterCategory({ handleCategoryChange }) {
-    const categoryList = ["Plant","Flower","Seed","Pesticides","Tools"]
+    const categoryList = ["Plant","Flower","Seed","Pesticide","Tool"]
     return (
         <>
             <DropdownButton  

diff --git a/client/src/components/Ecommerce/Product.js b/client/src/components/Ecommerce/Product.js
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Button, Card } from 'react-bootstrap'
 import { Link, useHistory } from 'react-router-dom'
+import "../../styles/ecommerce.css"
 import Rating from './Rating'
 
 function Product({ product }) {
@@ -17,7 +18,7 @@ function Product({ product }) {
                 <Card.Img variant="top" src={product.image} />
             </Link>    
             <Card.Body>
-                    <Card.Title>{product.name}</Card.Title>    
+                    <Card.Title className="product_name">{product.name}</Card.Title>    
                 <Card.Text as='div' className='my-3'>
                     <Rating value={product.rating} text={product.numReviews}/>
                 </Card.Text>

diff --git a/client/src/components/Ecommerce/Screen/ProductScreen.js b/client/src/components/Ecommerce/Screen/ProductScreen.js
@@ -67,7 +67,7 @@ function ProductScreen({ match,history  }) {
                     <Col md={4}>
                     <ListGroup variant="flush">
                             <ListGroup.Item className="product_heading"><h2>{product.name}</h2></ListGroup.Item>
-                            <ListGroup.Item>{product.description}</ListGroup.Item>
+                            <ListGroup.Item className="product_desc">{product.description}</ListGroup.Item>
                             <ListGroup.Item><Rating value={product.rating} text={product.numReviews} /></ListGroup.Item>
                             <ListGroup.Item className="product_price"><span style={{fontSize:'2rem'}}>৳</span>&nbsp;{product.price}</ListGroup.Item>
                     </ListGroup>

diff --git a/client/src/styles/ecommerce.css b/client/src/styles/ecommerce.css
@@ -10,9 +10,16 @@ main {
   margin-left: 1rem;
 }
 .product_heading h2 {
-  font-family: "Asap";
+  font-family: "Nunito";
+}
+.product_desc {
+  font-family: "Poppins";
+  font-weight: 300;
 }
 .product_price {
   font-size: 3rem;
   font-family: "Open Sans";
 }
+.product_name {
+  font-family: "Open Sans" !important;
+}
diff --git a/client/src/styles/index.css b/client/src/styles/index.css
@@ -1,7 +1,8 @@
 @import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Open+Sans:wght@300;400&family=Source+Sans+Pro:wght@300;400&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;1,600&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Nunito&family=Poppins:wght@300;400&display=swap");
 
-/* Fonts -> Lato, Open Sans, Source Sans Pro , Asap */
+/* Fonts -> Lato, Open Sans, Source Sans Pro , Asap ,Poppins , Nunito*/
 :root {
   --color-primary-1: rgb(0, 158, 96);
   --color-primary-2: #37ae5b;