dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-19 15:25:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

master-detail view

Browse Source
This commit is contained in:
Jan Prochazka
2020-05-10 08:58:56 +02:00
parent 1e91abf37b
commit 4e0d8d403c
12 changed files with 161 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/web/src/widgets/Splitter.js
View File

@@ -11,20 +11,21 @@ const MainContainer = styled.div`
const ChildContainer = styled.div`
flex: 1;
// flex: 0 0 50%;
// flex-basis: 100px;
// flex-grow: 1;
// flex-basis: 100px;
// flex-grow: 1;
display: flex;
position: relative;
`;
export function VerticalSplitter({ children }) {
if (!_.isArray(children) || children.length !== 2) {
throw new Error('Splitter must have exactly 2 children');
const childrenArray = _.isArray(children) ? children : [children];
if (childrenArray.length !== 1 && childrenArray.length != 2) {
throw new Error('Splitter must have 1 or 2 children');
}
return (
<MainContainer>
<ChildContainer>{children[0]}</ChildContainer>
<ChildContainer>{children[1]}</ChildContainer>
<ChildContainer>{childrenArray[0]}</ChildContainer>
{childrenArray[1] && <ChildContainer>{childrenArray[1]}</ChildContainer>}
</MainContainer>
);
}