fix spacing table & navigation (#3086)
This commit is contained in:
parent
108f4048bd
commit
eddc097a56
1 changed files with 109 additions and 103 deletions
|
@ -7,6 +7,8 @@ import {
|
||||||
} from "react";
|
} from "react";
|
||||||
import {
|
import {
|
||||||
AlertVariant,
|
AlertVariant,
|
||||||
|
PageSection,
|
||||||
|
PageSectionVariants,
|
||||||
Button,
|
Button,
|
||||||
ButtonVariant,
|
ButtonVariant,
|
||||||
Divider,
|
Divider,
|
||||||
|
@ -371,6 +373,7 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
|
||||||
{t("credentialResetBtn")}
|
{t("credentialResetBtn")}
|
||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
|
<PageSection variant={PageSectionVariants.light}>
|
||||||
<TableComposable
|
<TableComposable
|
||||||
aria-label="userCredentials-table"
|
aria-label="userCredentials-table"
|
||||||
variant={"compact"}
|
variant={"compact"}
|
||||||
|
@ -400,7 +403,9 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
|
||||||
{groupedUserCredentials.map((groupedCredential, rowIndex) => (
|
{groupedUserCredentials.map((groupedCredential, rowIndex) => (
|
||||||
<Fragment key={groupedCredential.key}>
|
<Fragment key={groupedCredential.key}>
|
||||||
<Tr
|
<Tr
|
||||||
id={groupedCredential.value.map(({ id }) => id).toString()}
|
id={groupedCredential.value
|
||||||
|
.map(({ id }) => id)
|
||||||
|
.toString()}
|
||||||
draggable={groupedUserCredentials.length > 1}
|
draggable={groupedUserCredentials.length > 1}
|
||||||
onDrop={onDrop}
|
onDrop={onDrop}
|
||||||
onDragEnd={onDragEnd}
|
onDragEnd={onDragEnd}
|
||||||
|
@ -483,6 +488,7 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
|
||||||
))}
|
))}
|
||||||
</Tbody>
|
</Tbody>
|
||||||
</TableComposable>
|
</TableComposable>
|
||||||
|
</PageSection>
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
<ListEmptyState
|
<ListEmptyState
|
||||||
|
|
Loading…
Reference in a new issue