Fixed NavBar color
This commit is contained in:
@@ -45,7 +45,7 @@ const Search = styled('div')(({ theme }) => ({
|
|||||||
}));
|
}));
|
||||||
|
|
||||||
const StyledInputBase = styled(InputBase)(({ theme }) => ({
|
const StyledInputBase = styled(InputBase)(({ theme }) => ({
|
||||||
color: 'inherit',
|
color: 'white',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
'& .MuiInputBase-input': {
|
'& .MuiInputBase-input': {
|
||||||
padding: theme.spacing(1, 1, 1, 0),
|
padding: theme.spacing(1, 1, 1, 0),
|
||||||
@@ -88,7 +88,7 @@ export default function NavBar() {
|
|||||||
<AppBar sx={{bgcolor: 'green'}}>
|
<AppBar sx={{bgcolor: 'green'}}>
|
||||||
<Container maxWidth="xl">
|
<Container maxWidth="xl">
|
||||||
<Toolbar disableGutters>
|
<Toolbar disableGutters>
|
||||||
<AdbIcon sx={{ display: { xs: 'none', md: 'flex' }, mr: 1 }} />
|
<AdbIcon sx={{ display: { xs: 'none', md: 'flex' }, mr: 1, color: 'white' }} />
|
||||||
<Typography
|
<Typography
|
||||||
variant="h6"
|
variant="h6"
|
||||||
noWrap
|
noWrap
|
||||||
@@ -100,7 +100,7 @@ export default function NavBar() {
|
|||||||
fontFamily: 'monospace',
|
fontFamily: 'monospace',
|
||||||
fontWeight: 700,
|
fontWeight: 700,
|
||||||
letterSpacing: '.3rem',
|
letterSpacing: '.3rem',
|
||||||
color: 'inherit',
|
color: 'white',
|
||||||
textDecoration: 'none',
|
textDecoration: 'none',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
@@ -109,7 +109,7 @@ export default function NavBar() {
|
|||||||
|
|
||||||
<Search>
|
<Search>
|
||||||
<SearchIconWrapper>
|
<SearchIconWrapper>
|
||||||
<SearchIcon />
|
<SearchIcon sx={{color: 'white'}}/>
|
||||||
</SearchIconWrapper>
|
</SearchIconWrapper>
|
||||||
<StyledInputBase
|
<StyledInputBase
|
||||||
placeholder="Search…"
|
placeholder="Search…"
|
||||||
|
|||||||
Reference in New Issue
Block a user