Improve mobile menu

src/components/Tune/SideBar.tsx

@@ -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) {

src/css/App.less

@@ -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 {

src/css/overrides.less

@@ -21,3 +21,7 @@ reach-portal > div {
   z-index: 1;
   backdrop-filter: blur(3px);
 }
+
+.ant-menu-submenu-selected {
+  background-color: @primary-color;
+}