Techognito/starter-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use Flex layout for spacing the two config cards in the config page

Browse source
This commit is contained in:
Katerina Koukiou 2021-11-08 13:41:18 +01:00 • committed by Justin Stephenson
parent 3244a4c37d
commit fec5fd1ae7
2 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/config.jsx
View file

@ -22,6 +22,7 @@ import React from "react";
import {
Breadcrumb, BreadcrumbItem,
Button,
Flex,
Form,
FormGroup,
FormSelect,
@ -384,7 +385,7 @@ class GeneralConfig extends React.Component {
return (
<Card>
<CardTitle>General Config</CardTitle>
<CardBody style={{ maxWidth: "500px" }}>{form}</CardBody>
<CardBody>{form}</CardBody>
</Card>
);
}
@ -547,7 +548,7 @@ class SssdConfig extends React.Component {
return (
<Card>
<CardTitle>SSSD Config</CardTitle>
<CardBody style={{ maxWidth: "500px" }}>{form}</CardBody>
<CardBody>{form}</CardBody>
</Card>
);
}
@ -573,8 +574,10 @@ groupProps={{ sticky: 'top' }}
</Breadcrumb>
}>
<PageSection>
<GeneralConfig />
<SssdConfig />
<Flex className="config-container">
<GeneralConfig />
<SssdConfig />
</Flex>
</PageSection>
</Page>
);