From a1a397954e69931f577a3ce8059dc4ce2dac623f Mon Sep 17 00:00:00 2001 From: Yasuaki Uechi Date: Wed, 5 Feb 2020 16:22:46 +0900 Subject: [PATCH] chore: much bigger font size --- web/src/components/Footer.tsx | 78 +++++++++++++++++++++-------------- 1 file changed, 47 insertions(+), 31 deletions(-) diff --git a/web/src/components/Footer.tsx b/web/src/components/Footer.tsx index fb26ab8..7bddfe3 100644 --- a/web/src/components/Footer.tsx +++ b/web/src/components/Footer.tsx @@ -1,7 +1,7 @@ import React from 'react'; import styled from 'styled-components'; import {useTranslation} from 'react-i18next'; -import {FaTwitter, FaGithubAlt} from 'react-icons/fa'; +import {FaTwitter, FaGithub, FaProductHunt} from 'react-icons/fa'; import {ExternalLink} from './Links'; @@ -10,34 +10,7 @@ const Footer: React.FC = () => { return ( - -

- Made with{' '} - - 🦀 - {' '} - by{' '} - - Yasuaki Uechi - -

- - - - - - - - -
- - + 🇬🇧 @@ -48,7 +21,42 @@ const Footer: React.FC = () => { 🇯🇵 + + + +

+ Made with{' '} + + ☕️ + {' '} + by{' '} + + Yasuaki Uechi + +

+ + + + + + + + + + + + + +
); }; @@ -61,7 +69,6 @@ const Container = styled.div` margin: 40px 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - font-size: 0.7rem; a { color: black; @@ -75,10 +82,19 @@ const Box = styled.footer` flex-direction: row; justify-content: center; line-height: 1em; + font-size: 0.8rem; +`; + +const LangBox = styled(Box)` + font-size: 2rem; + margin-bottom: 20px; +`; + +const ShareBox = styled(Box)` + font-size: 1.5rem; `; const Links = styled.div` - margin-left: 15px; display: flex; align-items: center;