ewandor/roleplay-contract
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Correcting display of array fields

Browse Source
This commit is contained in:
ewandor
2025-05-03 21:03:09 +02:00
parent 3dc91b329f
commit d0e720f469
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
gui/rpk-gui/src/lib/crud/components/templates/ArrayFieldTemplate.tsx
View File

@@ -73,14 +73,14 @@ export default function ArrayFieldTemplate<
uiSchema={uiSchema}
registry={registry}
/>
<Grid2 container justifyContent='flex-end'>
<Grid2 container justifyContent='flex-start'>
{items &&
items.map(({ key, ...itemProps }: ArrayFieldTemplateItemType<T, S, F>, index) => (
<Grid2 key={key} size={gridSize} >
<Stack direction="row" sx={{alignItems: "center"}}>
{numbered &&<Typography variant="h4">{index + 1}</Typography>}
<ArrayFieldItemTemplate key={key} {...itemProps} />
</Stack>
<Grid2 container sx={{alignItems: "center"}} >
{numbered &&<Grid2 size={1} ><Typography variant="h4">{index + 1}</Typography></Grid2>}
<Grid2 size={numbered ? 11 : 12} ><ArrayFieldItemTemplate key={key} {...itemProps} /></Grid2>
</Grid2>
</Grid2>
))}
</Grid2>