admin/monitoring: better layout when live-log wraps the address column on 3 lines (user + country + agent)

Massimo Melina committed Nov 22, 2024 at 10:03 UTC 25708f736329723faf1ccf34d043ab3116ff7601
1 file changed +1 -1
admin/src/DataTable.ts
+1 -1
@@ -63,7 +63,7 @@ export function DataTable({ columns, initialState={}, actions, actionsProps, ini
63 const { columns } = params.api.store.getSnapshot()
64 return h(Box, { maxHeight: '100%', sx: { textWrap: 'wrap', ...callable(sx as any, params) } }, // wrap if necessary, but stay within the row
65 col.renderCell ? col.renderCell(params) : params.formattedValue,
66 - col.mergeRender && h(Flex, { fontSize: 'smaller', flexWrap: 'wrap', mt: '2px', ...col.mergeRenderSx }, // wrap, normally causing overflow/hiding, if it doesn't fit
66 + col.mergeRender && h(Flex, { fontSize: 'smaller', flexWrap: 'wrap', mt: '2px', rowGap: 0, ...col.mergeRenderSx }, // wrap, normally causing overflow/hiding, if it doesn't fit
67 ...onlyTruthy(_.map(col.mergeRender, (props, other) => {
68 if (!props || columns.columnVisibilityModel[other] !== false) return null
69 const rendered = renderCell({ ...columns.lookup[other], ...props.override }, params.row)