diff options
| -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 |