Worked on the #37

Image size attached to the related Card/grid components reconfigured
amosproj · May 15, 2021 · 13841e0 · 13841e0
1 parent d265882
commit 13841e0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/components/cards/MiniCardComponent.js b/frontend/src/components/cards/MiniCardComponent.js
@@ -13,7 +13,7 @@ const useStyles = createUseStyles((theme) => ({
         maxWidth: 350,
         maxHeight:150,
         marginTop:50,
-        padding: '8px 16px 8px 16px',
+        // padding: '8px 16px 8px 16px',
         '&:hover': {
             borderColor: '#8b8d94',//'#7b9095', //'#00b300'
             '&:nth-child(n) > span': {
@@ -47,7 +47,7 @@ function MiniCardComponent({ className = '', title, value, path }) {
     return (
         <Column flexGrow={1} className={composedClassName} horizontal='center' vertical='center'>
         {/*  Resize the image on the cards (product images)            */}
-            <div style={{ width: 150, paddingLeft: 20, paddingTop: 20, paddingBottom: 20 }}>
+            <div style={{ width: 130,  paddingTop: 20, paddingBottom: 20 }}>
                     {/* define the image path */}
                     <img src={path} alt='' />
             </div>

diff --git a/frontend/src/components/header/HeaderComponent.js b/frontend/src/components/header/HeaderComponent.js
@@ -151,7 +151,7 @@ function HeaderComponent() {
 
     return (
         <Row className={classes.container} style={{background:'#212121', marginLeft:-90,marginTop:-40,height:60}} vertical='center' horizontal='space-between'>
-            <span className={classes.title} style={{marginLeft:20, fontSize:20, fontWeight:'inherit',marginTop:20}}>{ title  } <UseArrow isProductSelected={selectedProducts[0].productName} />{subtitle}<UseArrow isProductSelected={selectedProducts[0].productName} />{subsubtitle}</span>
+            <span className={classes.title} style={{marginLeft:20, marginTop:20}}>{ title  } <UseArrow isProductSelected={selectedProducts[0].productName} />{subtitle}<UseArrow isProductSelected={selectedProducts[0].productName} />{subsubtitle}</span>
             <Row vertical='center'>
                 <div className={classes.iconStyles}>
                     <IconSearch />

diff --git a/frontend/src/resources/theme.js b/frontend/src/resources/theme.js
@@ -61,7 +61,7 @@ const typography = {
     },
     title: {
         fontWeight: 'bold',
-        fontSize: 24,
+        fontSize: 40,
         lineHeight: '30px',
         letterSpacing: 0.3
     }