From 983414f80340932c3404497cbbc3be0d3070837c 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:25:57 +0100
Subject: [PATCH] use theme spacing in desktop view
---
src/components/Footer.tsx | 17 +++++++++--------
1 file changed, 9 insertions(+), 8 deletions(-)
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index c425dcb..3c869c9 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -56,24 +56,25 @@ const useMobileStyles = makeStyles((theme) => ({
const useDesktopStyles = makeStyles((theme) => ({
footer: {
- padding: '0.4rem',
+ paddingLeft: theme.spacing(2),
+ paddingRight: theme.spacing(2),
},
devteam: {
- fontSize: '1.8rem',
- paddingLeft: '0.6rem',
+ fontSize: '1.7rem',
+ paddingLeft: theme.spacing(1),
},
schdesignButton: {
- paddingTop: '0.5rem',
+ paddingTop: '0.55rem',
},
contact: {
- paddingRight: '2rem',
+ marginRight: theme.spacing(3),
},
social: {
fontSize: '1.5rem',
margin: '0',
- marginRight: '0.3rem',
- marginTop: '0.2rem',
- marginBottom: '0.2rem',
+ marginRight: theme.spacing(1),
+ marginTop: theme.spacing(0.5),
+ marginBottom: theme.spacing(0.5),
},
socialText: {
color: theme.palette.secondary.main,
--
GitLab