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