use bar as breadcrumb divider

This commit is contained in:
proddy
2024-11-25 11:48:22 +01:00
parent 2751aca37a
commit 1ebbdbe557

View File

@@ -2,7 +2,6 @@ import { Link, useLocation, useNavigate } from 'react-router';
import ArrowBackIcon from '@mui/icons-material/ArrowBack'; import ArrowBackIcon from '@mui/icons-material/ArrowBack';
import MenuIcon from '@mui/icons-material/Menu'; import MenuIcon from '@mui/icons-material/Menu';
import NavigateNextIcon from '@mui/icons-material/NavigateNext';
import { AppBar, IconButton, Toolbar, Typography } from '@mui/material'; import { AppBar, IconButton, Toolbar, Typography } from '@mui/material';
import { useI18nContext } from 'i18n/i18n-react'; import { useI18nContext } from 'i18n/i18n-react';
@@ -59,10 +58,7 @@ const LayoutAppBar = ({ title, onToggleDrawer }: LayoutAppBarProps) => {
> >
<Typography variant="h6"> <Typography variant="h6">
{pathnames[0] === 'status' ? LL.STATUS_OF('') : LL.SETTINGS(0)} {pathnames[0] === 'status' ? LL.STATUS_OF('') : LL.SETTINGS(0)}
<NavigateNextIcon <span style={{ color: '#90caf9' }}>&nbsp;|&nbsp;</span>
sx={{ fontSize: 20, verticalAlign: 'middle' }}
color="primary"
/>
</Typography> </Typography>
</Link> </Link>
</> </>