Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: add condition and styles to check for active tab

Browse Source
This commit is contained in:
Danieldare 2021-12-31 10:59:45 +01:00
parent dc3da1b02d
commit d845394a3c
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/client/src/pages/Editor/IntegrationEditor/IntegrationsHomeScreen.tsx
View File

@ -66,10 +66,11 @@ const MainTabsContainer = styled.div`
height: 100%;
`;
const SectionGrid = styled.div`
const SectionGrid = styled.div<{ isActiveTab?: boolean }>`
margin-top: 16px;
display: grid;
grid-template-columns: 1fr;
grid-template-columns: 1fr ${({ isActiveTab }) => isActiveTab && "180px"};
grid-template-rows: auto minmax(0, 1fr);
gap: 10px 16px;
flex: 1;
min-height: 0;
@ -486,7 +487,11 @@ class IntegrationsHomeScreen extends React.Component<
<HeaderFlex>
<p className="sectionHeadings">Datasources</p>
</HeaderFlex>
<SectionGrid>
<SectionGrid
isActiveTab={
this.state.activePrimaryMenuId !== PRIMARY_MENU_IDS.ACTIVE
}
>
<MainTabsContainer>
{showTabs && (
<TabComponent