From e70bb3d61ef73ccb2c63b6a8dcffa991319e5b94 Mon Sep 17 00:00:00 2001 From: Jean-Philippe Sirois Date: Thu, 19 Sep 2019 03:09:05 -0400 Subject: [PATCH 1/2] ui(home): make elements 20% smaller --- src/components/DiscordButton/styles.tsx | 8 ++++---- src/components/Header/styles.tsx | 8 ++++---- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/components/DiscordButton/styles.tsx b/src/components/DiscordButton/styles.tsx index 5cec151..5998356 100644 --- a/src/components/DiscordButton/styles.tsx +++ b/src/components/DiscordButton/styles.tsx @@ -6,12 +6,12 @@ export const DiscordButtonWrapper = styled.div` display: flex; align-items: center; font-family: "Oxygen", sans-serif; - font-size: 30px; + font-size: 24px; font-weight: 700; text-transform: uppercase; background: ${props => props.theme.discord.base}; color: #fff; - padding: 22px 35px; + padding: 18px 28px; border-radius: 5px; transition: background 0.3s; cursor: pointer; @@ -23,6 +23,6 @@ export const DiscordButtonWrapper = styled.div` ` export const StyledDiscordLogo = styled(DiscordLogo)` - width: 38px; - margin-right: 16px; + width: 30px; + margin-right: 13px; ` diff --git a/src/components/Header/styles.tsx b/src/components/Header/styles.tsx index c55225f..e779dd1 100644 --- a/src/components/Header/styles.tsx +++ b/src/components/Header/styles.tsx @@ -40,14 +40,14 @@ export const Title = styled.h1` .is-home & { margin: 32px 0; - font-size: 110px; + font-size: 88px; @media screen and (max-width: 991px) { - font-size: 72px; + font-size: 58px; } @media screen and (max-width: 767px) { - font-size: 40px; + font-size: 32px; } } ` @@ -107,7 +107,7 @@ export const Logo = styled(TPHLogo)` z-index: 3; .is-home & { - width: 122px; + width: 98px; margin-bottom: 0 0 10px 0; } ` From a0a53520c640eb2db9e001ef71add283b2f48911 Mon Sep 17 00:00:00 2001 From: Jean-Philippe Sirois Date: Thu, 19 Sep 2019 03:14:58 -0400 Subject: [PATCH 2/2] fix: replace bad logo --- src/images/tph-logo.svg | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/images/tph-logo.svg b/src/images/tph-logo.svg index 9e9916f..4c2602a 100644 --- a/src/images/tph-logo.svg +++ b/src/images/tph-logo.svg @@ -1,9 +1,9 @@ - - - - + + + + - +