fixing comment on issue: (#522)
* fixing comment on issue: https://github.com/keycloak/keycloak-admin-ui/issues/428#issuecomment-818504696 * fixed top margin * fixed devider length
This commit is contained in:
parent
9e5104b668
commit
5c94dd584b
3 changed files with 100 additions and 98 deletions
|
@ -177,7 +177,7 @@ export const AdvancedTab = ({
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<PageSection variant="light">
|
<PageSection variant="light" className="pf-u-py-0">
|
||||||
<ScrollForm sections={sections}>
|
<ScrollForm sections={sections}>
|
||||||
<>
|
<>
|
||||||
<Text className="pf-u-pb-lg">
|
<Text className="pf-u-pb-lg">
|
||||||
|
|
|
@ -40,7 +40,7 @@ export const ClientSettings = ({ save, reset }: ClientSettingsProps) => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<ScrollForm
|
<ScrollForm
|
||||||
className="pf-u-p-lg"
|
className="pf-u-px-lg"
|
||||||
sections={[
|
sections={[
|
||||||
t("capabilityConfig"),
|
t("capabilityConfig"),
|
||||||
t("generalSettings"),
|
t("generalSettings"),
|
||||||
|
|
|
@ -11,6 +11,7 @@ import {
|
||||||
ClipboardCopy,
|
ClipboardCopy,
|
||||||
Divider,
|
Divider,
|
||||||
FormGroup,
|
FormGroup,
|
||||||
|
PageSection,
|
||||||
Select,
|
Select,
|
||||||
SelectOption,
|
SelectOption,
|
||||||
SelectVariant,
|
SelectVariant,
|
||||||
|
@ -143,6 +144,7 @@ export const Credentials = ({ clientId, save }: CredentialsProps) => {
|
||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<PageSection>
|
||||||
<FormAccess isHorizontal className="pf-u-mt-md" role="manage-clients">
|
<FormAccess isHorizontal className="pf-u-mt-md" role="manage-clients">
|
||||||
<ClientSecretConfirm />
|
<ClientSecretConfirm />
|
||||||
<AccessTokenConfirm />
|
<AccessTokenConfirm />
|
||||||
|
@ -201,18 +203,17 @@ export const Credentials = ({ clientId, save }: CredentialsProps) => {
|
||||||
</Button>
|
</Button>
|
||||||
</ActionGroup>
|
</ActionGroup>
|
||||||
</CardBody>
|
</CardBody>
|
||||||
<CardBody>
|
{(clientAuthenticatorType === "client-secret" ||
|
||||||
|
clientAuthenticatorType === "client-secret-jwt") && <Divider />}
|
||||||
{(clientAuthenticatorType === "client-secret" ||
|
{(clientAuthenticatorType === "client-secret" ||
|
||||||
clientAuthenticatorType === "client-secret-jwt") && (
|
clientAuthenticatorType === "client-secret-jwt") && (
|
||||||
<>
|
<CardBody>
|
||||||
<Divider className="pf-u-mb-md" />
|
|
||||||
<ClientSecret
|
<ClientSecret
|
||||||
secret={secret}
|
secret={secret}
|
||||||
toggle={toggleClientSecretConfirm}
|
toggle={toggleClientSecretConfirm}
|
||||||
/>
|
/>
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</CardBody>
|
</CardBody>
|
||||||
|
)}
|
||||||
</Card>
|
</Card>
|
||||||
<Card isFlat>
|
<Card isFlat>
|
||||||
<CardBody>
|
<CardBody>
|
||||||
|
@ -247,5 +248,6 @@ export const Credentials = ({ clientId, save }: CredentialsProps) => {
|
||||||
</CardBody>
|
</CardBody>
|
||||||
</Card>
|
</Card>
|
||||||
</FormAccess>
|
</FormAccess>
|
||||||
|
</PageSection>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in a new issue