From 5e492888ff99857ea8b05ea82b0628f4e467992b 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 20:55:39 +0100
Subject: [PATCH] replace px with rem
---
src/components/Footer.tsx | 16 ++++++++++++----
src/components/svg/DevTeamIcon.tsx | 4 ++--
src/components/svg/SchdesignIcon.tsx | 4 ++--
3 files changed, 16 insertions(+), 8 deletions(-)
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 2d254f6..070b35d 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -120,7 +120,7 @@ const Footer: React.FC = () => {
}}
>
<Box display="flex" justifyContent="center" alignItems="center">
- <DevTeamIcon width="28px" height="28px" />
+ <DevTeamIcon width="1.75rem" height="1.75rem" />
<Typography className={mClasses.devteam}>DevTeam</Typography>
</Box>
</IconButton>
@@ -130,7 +130,11 @@ const Footer: React.FC = () => {
window.open('https://schdesign.hu/');
}}
>
- <SchdesignIcon width="120px" height="35px" color1={theme.palette.primary.contrastText} />
+ <SchdesignIcon
+ width="7.5rem"
+ height="2.2rem"
+ color1={theme.palette.primary.contrastText}
+ />
</IconButton>
</Box>
</Box>
@@ -151,7 +155,7 @@ const Footer: React.FC = () => {
}}
>
<Box display="flex" justifyContent="center" alignItems="center">
- <DevTeamIcon width="36px" height="36px" />
+ <DevTeamIcon width="2.25rem" height="2.25rem" />
<Typography className={`${mClasses.devteam} ${dClasses.devteam}`}>DevTeam</Typography>
</Box>
</IconButton>
@@ -161,7 +165,11 @@ const Footer: React.FC = () => {
window.open('https://schdesign.hu/');
}}
>
- <SchdesignIcon width="140px" height="50px" color1={theme.palette.primary.contrastText} />
+ <SchdesignIcon
+ width="8.75rem"
+ height="3.125rem"
+ color1={theme.palette.primary.contrastText}
+ />
</IconButton>
</Box>
<Box
diff --git a/src/components/svg/DevTeamIcon.tsx b/src/components/svg/DevTeamIcon.tsx
index 9e8ffb0..4aa9a81 100644
--- a/src/components/svg/DevTeamIcon.tsx
+++ b/src/components/svg/DevTeamIcon.tsx
@@ -6,8 +6,8 @@ interface IDevTeamIconProps extends React.SVGProps<SVGSVGElement> {
}
const DevTeamIcon: React.FC<IDevTeamIconProps> = ({
- height = '24px',
- width = '24px',
+ height = '1.5rem',
+ width = '1.5rem',
color1 = '#3051bf',
color2 = '#a806c9',
...props
diff --git a/src/components/svg/SchdesignIcon.tsx b/src/components/svg/SchdesignIcon.tsx
index 70e81fb..81ce720 100644
--- a/src/components/svg/SchdesignIcon.tsx
+++ b/src/components/svg/SchdesignIcon.tsx
@@ -6,8 +6,8 @@ interface ISchdesignIconProps extends React.SVGProps<SVGSVGElement> {
}
const SchdesignIcon: React.FC<ISchdesignIconProps> = ({
- height = '100px',
- width = '40px',
+ height = '2.5rem',
+ width = '6.25rem',
color1 = '#3d3d3d',
color2 = '#f8485e',
...props
--
GitLab