Merge pull request #831 from getmaxun/spn-lnk
fix(ui): cleaner nav icons
This commit is contained in:
@@ -27,10 +27,10 @@ import {
|
|||||||
GitHub,
|
GitHub,
|
||||||
Update,
|
Update,
|
||||||
Close,
|
Close,
|
||||||
Language,
|
|
||||||
Description,
|
Description,
|
||||||
LightMode,
|
LightMode,
|
||||||
DarkMode
|
DarkMode,
|
||||||
|
Translate
|
||||||
} from "@mui/icons-material";
|
} from "@mui/icons-material";
|
||||||
import { useNavigate } from 'react-router-dom';
|
import { useNavigate } from 'react-router-dom';
|
||||||
import { AuthContext } from '../../context/auth';
|
import { AuthContext } from '../../context/auth';
|
||||||
@@ -233,7 +233,7 @@ export const NavBar: React.FC<NavBarProps> = ({
|
|||||||
cursor: 'pointer'
|
cursor: 'pointer'
|
||||||
}}
|
}}
|
||||||
onClick={() => navigate('/')}>
|
onClick={() => navigate('/')}>
|
||||||
<img src={MaxunLogo} width={45} height={40} style={{ borderRadius: '5px', margin: '5px 0px 5px 15px' }} />
|
<img src={MaxunLogo} width={48} height={40} style={{ borderRadius: '5px', margin: '5px 0px 5px 15px' }} />
|
||||||
<div style={{ padding: '11px' }}><ProjectName mode={darkMode ? 'dark' : 'light'}>{t('navbar.project_name')}</ProjectName></div>
|
<div style={{ padding: '11px' }}><ProjectName mode={darkMode ? 'dark' : 'light'}>{t('navbar.project_name')}</ProjectName></div>
|
||||||
<Chip
|
<Chip
|
||||||
label={`${currentVersion}`}
|
label={`${currentVersion}`}
|
||||||
@@ -391,7 +391,7 @@ export const NavBar: React.FC<NavBarProps> = ({
|
|||||||
<Logout sx={{ marginRight: '5px' }} /> {t('navbar.menu_items.logout')}
|
<Logout sx={{ marginRight: '5px' }} /> {t('navbar.menu_items.logout')}
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
<MenuItem onClick={handleLangMenuOpen}>
|
<MenuItem onClick={handleLangMenuOpen}>
|
||||||
<Language sx={{ marginRight: '5px' }} /> {t('navbar.menu_items.language')}
|
<Translate sx={{ marginRight: '5px' }} /> {t('navbar.menu_items.language')}
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
<hr />
|
<hr />
|
||||||
<MenuItem onClick={() => {
|
<MenuItem onClick={() => {
|
||||||
@@ -513,10 +513,10 @@ export const NavBar: React.FC<NavBarProps> = ({
|
|||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
borderRadius: "5px",
|
borderRadius: "5px",
|
||||||
padding: "8px",
|
padding: "8px",
|
||||||
marginRight: "8px",
|
marginRight: "4px",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Language sx={{ marginRight: '5px' }} /><Typography variant="body1">{t("Language")}</Typography>
|
<Translate />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
<Menu
|
<Menu
|
||||||
anchorEl={langAnchorEl}
|
anchorEl={langAnchorEl}
|
||||||
|
|||||||
Reference in New Issue
Block a user