diff options
author | Eug-VS <eug-vs@keemail.me> | 2020-01-28 11:36:22 +0300 |
---|---|---|
committer | Eug-VS <eug-vs@keemail.me> | 2020-01-28 11:36:22 +0300 |
commit | 386e4c97fd803aa54e96bf56711d4a6a8873489a (patch) | |
tree | 3961225fc3d6b48afe3e174061f337ea4403d052 /src/lib/components/Header | |
parent | 3d4c1e52769c9c2d77ad3cf422269c12410db32d (diff) | |
download | react-benzin-386e4c97fd803aa54e96bf56711d4a6a8873489a.tar.gz |
feat: decrease font-size in Header
Diffstat (limited to 'src/lib/components/Header')
-rw-r--r-- | src/lib/components/Header/Header.js | 9 |
1 files changed, 5 insertions, 4 deletions
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 ( <AppBar position="sticky" className={classes.root}> <Toolbar> - {logo.icon} - <Typography variant="h4" className={classes.logo} color="primary"> - {logo.title} - </Typography> + {logo.icon} + <Typography variant="h5" className={classes.logo} color="primary"> + {logo.title} + </Typography> <Tabs onChange={handleChange} value={page}> {contents && Object.keys(contents).map(item => ( <Tab |