style: remove searchbar and add red bottom border

main
Josue 4 years ago committed by Tsu-ba-me
parent 341a4ad50a
commit c31cdeec11
  1. 7
      striker-ui/components/Header.tsx

@ -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 => (

Loading…
Cancel
Save