Fix top menu on mobile
This commit is contained in:
parent
10c79d3308
commit
6b98340d1d
|
@ -61,7 +61,7 @@ const { useBreakpoint } = Grid;
|
||||||
const { SubMenu } = Menu;
|
const { SubMenu } = Menu;
|
||||||
|
|
||||||
const TopBar = ({ tuneId }: { tuneId: string | null }) => {
|
const TopBar = ({ tuneId }: { tuneId: string | null }) => {
|
||||||
const { sm, lg } = useBreakpoint();
|
const { xs, sm, lg } = useBreakpoint();
|
||||||
const { pathname } = useLocation();
|
const { pathname } = useLocation();
|
||||||
const { currentUser, logout } = useAuth();
|
const { currentUser, logout } = useAuth();
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
@ -189,7 +189,7 @@ const TopBar = ({ tuneId }: { tuneId: string | null }) => {
|
||||||
}], [currentUser, logoutClick, navigate]);
|
}], [currentUser, logoutClick, navigate]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Header className="app-top-bar">
|
<Header className="app-top-bar" style={xs ? { padding: '0 5px' } : {} }>
|
||||||
<Row>
|
<Row>
|
||||||
{tuneId ? tabs : (
|
{tuneId ? tabs : (
|
||||||
<Col span={10} md={14} sm={16}>
|
<Col span={10} md={14} sm={16}>
|
||||||
|
|
Loading…
Reference in New Issue