searchbar hover and hide profile option

This commit is contained in:
Maciek Głowacki 2020-11-25 03:39:28 +01:00
parent d0d685ef64
commit 578618cdd7
2 changed files with 13 additions and 1 deletions

View File

@ -12,7 +12,7 @@ export const Profile = ({ anchorEl, handleClose }: ProfileProps) => {
return ( return (
<Menu anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}> <Menu anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
<MenuItem>Profil</MenuItem> {/* <MenuItem>Profil</MenuItem> */}
<MenuItem onClick={logout}>Wyloguj</MenuItem> <MenuItem onClick={logout}>Wyloguj</MenuItem>
</Menu> </Menu>
); );

View File

@ -56,6 +56,12 @@ const InputWrapper = styled.div`
background-color: #f2f4f7; background-color: #f2f4f7;
border-radius: 6px; border-radius: 6px;
align-items: center; align-items: center;
&:hover {
background-color: #ffffff;
}
&:hover > input {
background-color: #ffffff;
}
`; `;
const SelectSearch = styled.select` const SelectSearch = styled.select`
@ -65,6 +71,9 @@ const SelectSearch = styled.select`
outline: none; outline: none;
border-style: none; border-style: none;
align-items: center; align-items: center;
&:hover ~ input {
background-color: #ffffff;
}
`; `;
const SelectOption = styled.option` const SelectOption = styled.option`
@ -72,6 +81,9 @@ const SelectOption = styled.option`
outline: none; outline: none;
border-style: none; border-style: none;
align-items: center; align-items: center;
&:hover ~ input {
background-color: #ffffff;
}
`; `;
const Input = styled.input` const Input = styled.input`