Improving display of numbered array fields

This commit is contained in:
2025-05-03 21:05:35 +02:00
parent d28092874f
commit 04ff66f187

View File

@@ -78,8 +78,8 @@ export default function ArrayFieldTemplate<
items.map(({ key, ...itemProps }: ArrayFieldTemplateItemType<T, S, F>, index) => ( items.map(({ key, ...itemProps }: ArrayFieldTemplateItemType<T, S, F>, index) => (
<Grid2 key={key} size={gridSize} > <Grid2 key={key} size={gridSize} >
<Grid2 container sx={{alignItems: "center"}} > <Grid2 container sx={{alignItems: "center"}} >
{numbered &&<Grid2 size={1} ><Typography variant="h4">{index + 1}</Typography></Grid2>} {numbered &&<Grid2 size={.5} ><Typography variant="h4">{index + 1}</Typography></Grid2>}
<Grid2 size={numbered ? 11 : 12} ><ArrayFieldItemTemplate key={key} {...itemProps} /></Grid2> <Grid2 size={numbered ? 11.5 : 12} ><ArrayFieldItemTemplate key={key} {...itemProps} /></Grid2>
</Grid2> </Grid2>
</Grid2> </Grid2>
))} ))}