vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor hovering effect

Browse Source
This commit is contained in:
amit
2024-11-08 22:42:18 +05:30
parent 2d964fb798
commit 1c6199d2de
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/molecules/NavBar.tsx
View File

@@ -19,6 +19,7 @@ interface NavBarProps {
} }
export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) => { export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) => {
const { notify, browserId, setBrowserId } = useGlobalInfoStore(); const { notify, browserId, setBrowserId } = useGlobalInfoStore();
const { state, dispatch } = useContext(AuthContext); const { state, dispatch } = useContext(AuthContext);
const { user } = state; const { user } = state;
@@ -86,7 +87,7 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
borderRadius: '5px', borderRadius: '5px',
padding: '8px', padding: '8px',
marginRight: '10px', marginRight: '10px',
'&:hover': { backgroundColor: 'white', color: '#ff00c3' } '&:hover': { backgroundColor: darkMode ? '#333':'#F5F5F5', color: '#ff00c3' }
}}> }}>
<AccountCircle sx={{ marginRight: '5px' }} /> <AccountCircle sx={{ marginRight: '5px' }} />
<Typography variant="body1">{user.email}</Typography> <Typography variant="body1">{user.email}</Typography>