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'