Improve mobile menu
This commit is contained in:
parent
0344804aa5
commit
cd1e731b12
|
@ -107,11 +107,10 @@ const SideBar = ({ config, tune, ui, navigation, matchedPath }: SideBarProps) =>
|
|||
key: `/${menuName}`,
|
||||
icon: <Icon name={menuName} />,
|
||||
label: types[menuName].title,
|
||||
onClick: () => ui.sidebarCollapsed && store.dispatch({ type: 'ui/sidebarCollapsed', payload: false }),
|
||||
children: subMenuItems,
|
||||
};
|
||||
})
|
||||
), [navigate, navigation.tuneId, ui.sidebarCollapsed]);
|
||||
), [navigate, navigation.tuneId]);
|
||||
|
||||
useEffect(() => {
|
||||
if (tune && config && Object.keys(tune.constants).length) {
|
||||
|
|
|
@ -45,16 +45,15 @@ html, body {
|
|||
}
|
||||
|
||||
.app-sidebar {
|
||||
height: calc(100vh - @layout-header-height - @layout-footer-height);
|
||||
height: calc(95vh - @layout-header-height - @layout-footer-height);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.app-content {
|
||||
height: calc(100vh - @layout-header-height - @layout-footer-height);
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: calc(95vh - @layout-header-height - @layout-footer-height);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.ant-tabs-tabpane {
|
||||
|
|
|
@ -21,3 +21,7 @@ reach-portal > div {
|
|||
z-index: 1;
|
||||
backdrop-filter: blur(3px);
|
||||
}
|
||||
|
||||
.ant-menu-submenu-selected {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue