holm/bruno
1
0
Fork 0
forked from extern/bruno
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: fixed sidebar toggle width issues

Browse Source
This commit is contained in:
Anoop M D 2023-02-01 03:25:46 +05:30 committed by Anoop M D
parent 80f9e33be5
commit 05a290839b
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/bruno-app/src/components/Sidebar/index.js
View File

@ -70,13 +70,16 @@ const Sidebar = () => {
setAsideWidth(leftSidebarWidth);
}, [leftSidebarWidth]);
const leftMenuBarWidth = leftMenuBarOpen ? 48 : 0;
const collectionsWidth = asideWidth - leftMenuBarWidth;
return (
<StyledWrapper className="flex relative">
<aside style={{ width: `${asideWidth}px`, minWidth: `${asideWidth}px` }}>
<aside>
<div className="flex flex-row h-full w-full">
{leftMenuBarOpen && <MenuBar />}
<div className="flex flex-col w-full">
<div className="flex flex-col w-full" style={{width: collectionsWidth}}>
<div className="flex flex-col flex-grow">
<TitleBar />
<Collections />

6
packages/bruno-app/src/providers/ReduxStore/slices/app.js
View File

@ -18,7 +18,11 @@ export const appSlice = createSlice({
},
toggleLeftMenuBar: (state) => {
state.leftMenuBarOpen = !state.leftMenuBarOpen;
state.leftSidebarWidth = state.leftMenuBarOpen ? 270 : 222;
if(state.leftMenuBarOpen) {
state.leftSidebarWidth += 48;
} else {
state.leftSidebarWidth -= 48;
}
},
refreshScreenWidth: (state) => {
state.screenWidth = window.innerWidth;