From 1c1be43be8048d1dd84167dfd8eb4281958a02e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafael=20L=C3=A1szl=C3=B3?= <rlacko99@gmail.com>
Date: Mon, 1 Feb 2021 21:19:33 +0100
Subject: [PATCH] use theme spacing in mobile view
---
src/components/Footer.tsx | 40 +++++++++++++++++++--------------------
1 file changed, 20 insertions(+), 20 deletions(-)
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 070b35d..c425dcb 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -15,22 +15,21 @@ import SchdesignIcon from './svg/SchdesignIcon';
const useMobileStyles = makeStyles((theme) => ({
footer: {
background: theme.footer.background,
- padding: '0.3rem',
- paddingTop: '0.6rem',
+ padding: theme.spacing(1),
},
contactText: {
color: theme.palette.primary.contrastText,
- fontSize: '1.7rem',
+ fontSize: '1.8rem',
fontWeight: 500,
- marginBottom: '0.3rem',
- marginTop: '0.3rem',
+ marginBottom: theme.spacing(1),
+ marginTop: theme.spacing(1),
},
social: {
color: theme.palette.secondary.main,
- marginLeft: '1rem',
- marginRight: '1rem',
- marginBottom: '0.3rem',
- marginTop: '0.5rem',
+ marginLeft: theme.spacing(3),
+ marginRight: theme.spacing(3),
+ marginBottom: theme.spacing(1),
+ marginTop: theme.spacing(1),
fontSize: '2rem',
},
socialButton: {
@@ -39,16 +38,15 @@ const useMobileStyles = makeStyles((theme) => ({
},
devteam: {
color: '#3051bf',
- fontSize: '1.4rem',
- paddingLeft: '0.3rem',
+ fontSize: '1.5rem',
+ paddingLeft: theme.spacing(1),
fontWeight: 500,
},
schdesign: {
- paddingTop: '0.4rem',
+ marginTop: '0.65rem',
},
groups: {
- marginTop: '0.7rem',
- marginBottom: '0.3rem',
+ marginTop: theme.spacing(1),
},
groupButton: {
paddingTop: '0.1rem',
@@ -120,7 +118,7 @@ const Footer: React.FC = () => {
}}
>
<Box display="flex" justifyContent="center" alignItems="center">
- <DevTeamIcon width="1.75rem" height="1.75rem" />
+ <DevTeamIcon width="1.8rem" height="1.8rem" />
<Typography className={mClasses.devteam}>DevTeam</Typography>
</Box>
</IconButton>
@@ -130,11 +128,13 @@ const Footer: React.FC = () => {
window.open('https://schdesign.hu/');
}}
>
- <SchdesignIcon
- width="7.5rem"
- height="2.2rem"
- color1={theme.palette.primary.contrastText}
- />
+ <Box className={mClasses.schdesign}>
+ <SchdesignIcon
+ width="7.5rem"
+ height="2.5rem"
+ color1={theme.palette.primary.contrastText}
+ />
+ </Box>
</IconButton>
</Box>
</Box>
--
GitLab