|
|
@ -3,7 +3,7 @@ import AppBar from '@material-ui/core/AppBar'; |
|
|
|
import { makeStyles, createStyles } from '@material-ui/core/styles'; |
|
|
|
import { makeStyles, createStyles } from '@material-ui/core/styles'; |
|
|
|
import { Box, Button } from '@material-ui/core'; |
|
|
|
import { Box, Button } from '@material-ui/core'; |
|
|
|
import { ICONS, ICON_SIZE } from '../lib/consts/ICONS'; |
|
|
|
import { ICONS, ICON_SIZE } from '../lib/consts/ICONS'; |
|
|
|
import { BORDER_RADIUS } from '../lib/consts/DEFAULT_THEME'; |
|
|
|
import { BORDER_RADIUS, RED } from '../lib/consts/DEFAULT_THEME'; |
|
|
|
import AnvilDrawer from './AnvilDrawer'; |
|
|
|
import AnvilDrawer from './AnvilDrawer'; |
|
|
|
|
|
|
|
|
|
|
|
const useStyles = makeStyles((theme) => |
|
|
|
const useStyles = makeStyles((theme) => |
|
|
@ -13,6 +13,8 @@ const useStyles = makeStyles((theme) => |
|
|
|
paddingBottom: theme.spacing(0.5), |
|
|
|
paddingBottom: theme.spacing(0.5), |
|
|
|
paddingLeft: theme.spacing(3), |
|
|
|
paddingLeft: theme.spacing(3), |
|
|
|
paddingRight: theme.spacing(3), |
|
|
|
paddingRight: theme.spacing(3), |
|
|
|
|
|
|
|
borderBottom: 'solid 1px', |
|
|
|
|
|
|
|
borderBottomColor: RED, |
|
|
|
}, |
|
|
|
}, |
|
|
|
input: { |
|
|
|
input: { |
|
|
|
height: '2.8em', |
|
|
|
height: '2.8em', |
|
|
@ -52,9 +54,6 @@ const Header = (): JSX.Element => { |
|
|
|
<img alt="" src="/pngs/logo.png" width="160" height="40" /> |
|
|
|
<img alt="" src="/pngs/logo.png" width="160" height="40" /> |
|
|
|
</Button> |
|
|
|
</Button> |
|
|
|
</Box> |
|
|
|
</Box> |
|
|
|
<Box className={`${classes.barElement} ${classes.searchBar}`}> |
|
|
|
|
|
|
|
<input className={classes.input} list="search-suggestions" /> |
|
|
|
|
|
|
|
</Box> |
|
|
|
|
|
|
|
<Box className={`${classes.barElement} ${classes.icons}`}> |
|
|
|
<Box className={`${classes.barElement} ${classes.icons}`}> |
|
|
|
{ICONS.map( |
|
|
|
{ICONS.map( |
|
|
|
(icon): JSX.Element => ( |
|
|
|
(icon): JSX.Element => ( |
|
|
|