Merge pull request #827 from getmaxun/ui-fixes
fix: miscellaneous ui fixes
This commit is contained in:
@@ -158,14 +158,11 @@ export const NavBar: React.FC<NavBarProps> = ({
|
|||||||
};
|
};
|
||||||
|
|
||||||
const renderThemeToggle = () => (
|
const renderThemeToggle = () => (
|
||||||
<Tooltip title="Toggle Mode">
|
<Tooltip title="Change Mode">
|
||||||
<IconButton
|
<IconButton
|
||||||
onClick={toggleTheme}
|
onClick={toggleTheme}
|
||||||
sx={{
|
sx={{
|
||||||
color: darkMode ? '#ffffff' : '#0000008A',
|
color: darkMode ? '#ffffff' : '#0000008A',
|
||||||
'&:hover': {
|
|
||||||
background: 'inherit'
|
|
||||||
}
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{darkMode ? <LightMode /> : <DarkMode />}
|
{darkMode ? <LightMode /> : <DarkMode />}
|
||||||
|
|||||||
@@ -155,14 +155,14 @@ const darkTheme = createTheme({
|
|||||||
styleOverrides: {
|
styleOverrides: {
|
||||||
root: {
|
root: {
|
||||||
color: '#ffffff',
|
color: '#ffffff',
|
||||||
"&:hover": {
|
// "&:hover": {
|
||||||
backgroundColor: 'rgba(255, 0, 195, 0.08)',
|
// backgroundColor: 'rgba(255, 0, 195, 0.08)',
|
||||||
},
|
// },
|
||||||
'&.MuiIconButton-colorError': {
|
'&.MuiIconButton-colorError': {
|
||||||
color: '#f44336',
|
color: '#f44336',
|
||||||
"&:hover": {
|
// "&:hover": {
|
||||||
backgroundColor: 'rgba(244, 67, 54, 0.08)',
|
// backgroundColor: 'rgba(244, 67, 54, 0.08)',
|
||||||
},
|
// },
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user