jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui): sidemenu changes

Browse source
This commit is contained in:
Shekar Siri 2023-12-06 17:13:36 +01:00
parent c5b8398dae
commit cb40e8ce94
2 changed files with 4 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/layout/Layout.tsx
View file

@ -47,9 +47,9 @@ function Layout(props: Props) {
<Sider <Sider
style={{ style={{
position: 'sticky', position: 'sticky',
top: 60, // Height of the Header top: 70, // Height of the Header
// backgroundColor: '#f6f6f6', // backgroundColor: '#f6f6f6',
height: 'calc(100vh - 60px)', // Adjust the height to accommodate the Header height: 'calc(100vh - 70px)', // Adjust the height to accommodate the Header
overflow: 'auto' // Enable scrolling for the Sider content if needed overflow: 'auto' // Enable scrolling for the Sider content if needed
}} }}
collapsed={settingsStore.menuCollapsed} collapsed={settingsStore.menuCollapsed}

9
frontend/app/layout/SideMenu.tsx
View file

@ -170,12 +170,7 @@ function SideMenu(props: Props) {
{!category.hidden && ( {!category.hidden && (
<> <>
{index > 0 && <Divider style={{ margin: '6px 0' }} />} {index > 0 && <Divider style={{ margin: '6px 0' }} />}
<Menu.ItemGroup
key={category.key}
title={category.title}
// title={<div style={{ paddingLeft: isCollapsed ? '' : '6px' }}
// className={cn({ 'text-center': isCollapsed })}>{category.title}</div>}
>
{category.items.filter((item: any) => !item.hidden).map((item: any) => { {category.items.filter((item: any) => !item.hidden).map((item: any) => {
const isActive = isMenuItemActive(item.key); const isActive = isMenuItemActive(item.key);
@ -215,7 +210,7 @@ function SideMenu(props: Props) {
</Menu.Item> </Menu.Item>
); );
})} })}
</Menu.ItemGroup>
</> </>
)} )}
</React.Fragment> </React.Fragment>