diff --git a/web/sidebar/left-layout-aside.css b/web/sidebar/left-layout-aside.css --- a/web/sidebar/left-layout-aside.css +++ b/web/sidebar/left-layout-aside.css @@ -1,9 +1,8 @@ .container { grid-area: sBar; background: var(--bg); - border-right: 1px solid var(--border-color); display: flex; - width: 560px; + width: 400px; } .navigationPanelContainer { diff --git a/web/sidebar/left-layout-aside.react.js b/web/sidebar/left-layout-aside.react.js --- a/web/sidebar/left-layout-aside.react.js +++ b/web/sidebar/left-layout-aside.react.js @@ -4,22 +4,11 @@ import CommunityPicker from './community-picker.react.js'; import css from './left-layout-aside.css'; -import SettingsSwitcher from './settings-switcher.react.js'; -import { useSelector } from '../redux/redux-utils.js'; -import AppSwitcher from '../topbar/app-switcher.react.js'; function LeftLayoutAside(): React.Node { - const navInfo = useSelector(state => state.navInfo); - const navigationPanel = React.useMemo(() => { - if (navInfo.tab === 'settings') { - return ; - } - return ; - }, [navInfo.tab]); return ( ); } diff --git a/web/style.css b/web/style.css --- a/web/style.css +++ b/web/style.css @@ -54,7 +54,7 @@ div.layout { height: 100vh; display: grid; - grid-template-columns: 560px repeat(12, 1fr); + grid-template-columns: 400px repeat(12, 1fr); grid-template-rows: 65px calc(100vh - 65px); grid-template-areas: 'nav nav nav nav nav nav nav nav nav nav nav nav nav'