From dcb9b3aeb6dec55b133afa5748233494e8374fcd Mon Sep 17 00:00:00 2001 From: eug-vs Date: Sun, 7 Jun 2020 19:11:22 +0300 Subject: feat: add searchbar and improve header --- src/Header/SearchBar.tsx | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 src/Header/SearchBar.tsx (limited to 'src/Header/SearchBar.tsx') diff --git a/src/Header/SearchBar.tsx b/src/Header/SearchBar.tsx new file mode 100644 index 0000000..ed59874 --- /dev/null +++ b/src/Header/SearchBar.tsx @@ -0,0 +1,32 @@ +import React from 'react'; +import SearchIcon from '@material-ui/icons/Search'; +import { InputBase } from '@material-ui/core'; +import { makeStyles } from '@material-ui/core/styles'; + +const useStyles = makeStyles(theme => ({ + root: { + background: 'rgba(255, 255, 255, 0.5)', + borderRadius: '2px', + padding: theme.spacing(0.5), + display: 'flex', + alignItems: 'center', + // marginRight: theme.spacing(8), + } +})); + +const SearchBar: React.FC = () => { + const classes = useStyles(); + + return ( +
+ + +
+ ); +}; + + +export default SearchBar; + -- cgit v1.2.3 From 26911f1e971b798aac51e15ae3b54a4f40dd334a Mon Sep 17 00:00:00 2001 From: eug-vs Date: Sun, 7 Jun 2020 19:34:14 +0300 Subject: feat: change pages in header --- src/Header/SearchBar.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'src/Header/SearchBar.tsx') diff --git a/src/Header/SearchBar.tsx b/src/Header/SearchBar.tsx index ed59874..182a1a4 100644 --- a/src/Header/SearchBar.tsx +++ b/src/Header/SearchBar.tsx @@ -9,8 +9,7 @@ const useStyles = makeStyles(theme => ({ borderRadius: '2px', padding: theme.spacing(0.5), display: 'flex', - alignItems: 'center', - // marginRight: theme.spacing(8), + alignItems: 'center' } })); -- cgit v1.2.3