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

Enable scrolling in collections sidebar

Browse Source
This commit is contained in:
Jeff Printy 2023-09-04 14:20:43 -05:00
parent 99239e19b4
commit 74f248782b
3 changed files with 9 additions and 12 deletions
packages/bruno-app/src
components/Sidebar
Collections
index.js
index.js
pageComponents/Index
StyledWrapper.js

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

@ -61,7 +61,7 @@ const Collections = () => {
/>
</div>
<div className="mt-4 flex flex-col">
<div className="mt-4 flex flex-col overflow-y-auto absolute top-32 bottom-10 left-0 right-0">
{collections && collections.length
? collections.map((c) => {
return (
@ -77,4 +77,3 @@ const Collections = () => {
};
export default Collections;

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

@ -19,9 +19,7 @@ const Sidebar = () => {
const [asideWidth, setAsideWidth] = useState(leftSidebarWidth);
const {
storedTheme
} = useTheme();
const { storedTheme } = useTheme();
const dispatch = useDispatch();
const [dragging, setDragging] = useState(false);
@ -76,11 +74,10 @@ const Sidebar = () => {
setAsideWidth(leftSidebarWidth);
}, [leftSidebarWidth]);
return (
<StyledWrapper className="flex relative">
<StyledWrapper className="flex relative h-screen">
<aside>
<div className="flex flex-row h-full w-full">
<div className="flex flex-row h-screen w-full">
{preferencesOpen && <Preferences onClose={() => setPreferencesOpen(false)} />}
<div className="flex flex-col w-full" style={{ width: asideWidth }}>
@ -89,7 +86,7 @@ const Sidebar = () => {
<Collections />
</div>
<div className="footer flex px-1 py-2 items-center cursor-pointer select-none">
<div className="footer flex px-1 py-2 absolute bottom-0 left-0 right-0 items-center cursor-pointer select-none">
<div className="flex items-center ml-1 text-xs ">
<IconSettings size={18} strokeWidth={1.5} className="mr-2 hover:text-gray-700" onClick={() => setPreferencesOpen(true)} />
</div>

1
packages/bruno-app/src/pageComponents/Index/StyledWrapper.js
View File

@ -5,6 +5,7 @@ const Wrapper = styled.div`
width: 100%;
height: 100%;
min-height: 100vh;
max-height: 100vh;
&.is-dragging {
cursor: col-resize !important;