fix(webapp): fix twitter card for mobile version and styling footer (#…

…121)
edenia · Oct 18, 2022 · 253ecbe · 253ecbe
1 parent 407efe6
commit 253ecbe
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 10 deletions.
diff --git a/src/components/Home/Bottom/styles.ts b/src/components/Home/Bottom/styles.ts
@@ -9,8 +9,11 @@ const Styles = makeStyles(theme => ({
   },
   wrapperGrid: {
     paddingBottom: theme.spacing(4),
-    maxWidth: '100%',
-    margin: '0 auto'
+    width: '100%',
+    margin: '0 auto',
+    [theme.breakpoints.up('sm')]: {
+      width: 600
+    }
   },
   gridRow: {
     display: 'flex',

diff --git a/src/components/Layout/Footer/index.tsx b/src/components/Layout/Footer/index.tsx
@@ -1,4 +1,4 @@
-import { Typography, Box, Link } from '@mui/material'
+import { Typography, Link } from '@mui/material'
 import { Footer } from '@edenia/ui-kit'
 import Image from 'next/image'
 import { useTheme } from '@mui/styles'
@@ -19,7 +19,7 @@ const FooterComp: React.FC<FooterCompType> = ({ showWhite }) => {
   const theme = useTheme()
 
   return (
-    <Box className={classes.root}>
+    <div className={classes.footerRoot}>
       <Footer
         socialMediaItems={
           !showWhite ? constantConfig?.footer?.socialMediaItems : undefined
@@ -31,7 +31,7 @@ const FooterComp: React.FC<FooterCompType> = ({ showWhite }) => {
             </div>
             <Typography variant='caption' color={theme.palette.grey[600]}>
               <Link href='https://edenia.com' color={theme.palette.grey[600]}>
-                Hosted by Edenia{' '}
+                {`Hosted by Edenia `}
               </Link>
               - Community Owned
             </Typography>
@@ -41,7 +41,7 @@ const FooterComp: React.FC<FooterCompType> = ({ showWhite }) => {
         bgColor={!showWhite ? '#343434' : '#FFFFFF'}
         color={!showWhite ? '#FFFFFF' : '#262626'}
       />
-    </Box>
+    </div>
   )
 }
 

diff --git a/src/components/Layout/Footer/styles.ts b/src/components/Layout/Footer/styles.ts
@@ -1,14 +1,27 @@
 import { makeStyles } from '@mui/styles'
 
 const Styles = makeStyles(theme => ({
-  root: {
+  footerRoot: {
     width: '100%',
-    backgroundColor: theme.palette.grey[600]
+    backgroundColor: theme.palette.grey[600],
+    '& .footer-item-style': {
+      color: 'rgba(163,163,163,1) !important',
+      fontSize: '16px !important',
+      margin: '2px 0'
+    },
+    '& .footer-item-title': {
+      letterSpacing: '.1em',
+      fontSize: '.875rem',
+      lineHeight: '1.25rem'
+    }
   },
   footerContainer: {
     display: 'flex',
     justifyContent: 'center',
-    alignItems: 'center'
+    alignItems: 'center',
+    '& .MuiTypography-caption': {
+      fontSize: '16px !important'
+    }
   },
   paddinR: {
     paddingRight: theme.spacing(0.5)

diff --git a/src/utils/genesis-eden.ts b/src/utils/genesis-eden.ts
@@ -85,11 +85,12 @@ export const classifyMemberRank = (
   switch (true) {
     case RankType.Member === memberType:
       label = 'Member'
-      voteWeight = '4'
+      voteWeight = '1'
       break
 
     case RankType.N === memberType:
       label = `Level ${rank} Delegate`
+      voteWeight = '4'
       break
 
     case RankType.Chief === memberType:
@@ -100,6 +101,7 @@ export const classifyMemberRank = (
 
     default:
       label = 'Head Chief Delegate'
+      voteWeight = '16'
       break
   }