From 386e4c97fd803aa54e96bf56711d4a6a8873489a Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Tue, 28 Jan 2020 11:36:22 +0300 Subject: feat: decrease font-size in Header --- src/index.js | 5 +---- src/lib/components/Header/Header.js | 9 +++++---- 2 files changed, 6 insertions(+), 8 deletions(-) (limited to 'src') diff --git a/src/index.js b/src/index.js index 295f17e..6fca3b6 100644 --- a/src/index.js +++ b/src/index.js @@ -18,9 +18,6 @@ import ExploreIcon from '@material-ui/icons/Explore'; import GitHubIcon from '@material-ui/icons/GitHub'; - - - const useStyles = makeStyles(theme => ({ window: { padding: theme.spacing(4), @@ -34,7 +31,7 @@ const headerContents = { contribute: , } -const Icon1 = logo +const Icon1 = logo const Icon2 = logo const App = () => { diff --git a/src/lib/components/Header/Header.js b/src/lib/components/Header/Header.js index a055fcb..3ade7b3 100644 --- a/src/lib/components/Header/Header.js +++ b/src/lib/components/Header/Header.js @@ -24,6 +24,7 @@ const useStyles = makeStyles(theme => ({ '& .MuiTab-wrapper': { padding: theme.spacing(2), flexDirection: 'row', + fontSize: '0.8125rem', '& svg': { marginRight: theme.spacing(1), marginBottom: '0 !important', @@ -43,10 +44,10 @@ const Header = ({ logo, contents, page, setPage }) => { return ( - {logo.icon} - - {logo.title} - + {logo.icon} + + {logo.title} + {contents && Object.keys(contents).map(item => (