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 | |
| parent | 3d4c1e52769c9c2d77ad3cf422269c12410db32d (diff) | |
| download | react-benzin-386e4c97fd803aa54e96bf56711d4a6a8873489a.tar.gz | |
feat: decrease font-size in Header
| -rw-r--r-- | src/index.js | 5 | ||||
| -rw-r--r-- | src/lib/components/Header/Header.js | 9 |
2 files changed, 6 insertions, 8 deletions
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: <GitHubIcon />, } -const Icon1 = <img src={icon} width="40px" height="46.25px" alt="logo"/> +const Icon1 = <img src={icon} width="32px" height="37px" alt="logo"/> const Icon2 = <img src={icon2} height="32px" alt="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 ( <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 |