mirrors/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2025-08-06 22:27:17 +02:00
Code Issues Projects Releases Wiki Activity

Improve binop explain view styling

Browse Source 
Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2024-09-08 15:16:02 +02:00
parent a084a05897
commit 7e0cd2e0b4
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/ui/mantine-ui/src/pages/query/ExplainViews/BinaryExpr/VectorVector.tsx
View File

@ -457,7 +457,7 @@ const VectorVectorBinaryExprExplainView: FC<
<Box <Box
style={{ borderRadius: 3, border: `2px solid ${color}` }} style={{ borderRadius: 3, border: `2px solid ${color}` }}
> >
<Table fz="xs" withRowBorders={false}> <Table fz="xs" withRowBorders={false} verticalSpacing={5}>
<Table.Tbody> <Table.Tbody>
{series.length === 0 ? ( {series.length === 0 ? (
<Table.Tr> <Table.Tr>
@ -501,7 +501,7 @@ const VectorVectorBinaryExprExplainView: FC<
</Group> </Group>
</Table.Td> </Table.Td>
{showSampleValues && ( {showSampleValues && (
<Table.Td>{s.value[1]}</Table.Td> <Table.Td ta="right">{s.value[1]}</Table.Td>
)} )}
</Table.Tr> </Table.Tr>
); );
@ -549,7 +549,7 @@ const VectorVectorBinaryExprExplainView: FC<
border: `2px solid ${resultGroupColor}`, border: `2px solid ${resultGroupColor}`,
}} }}
> >
<Table fz="xs" withRowBorders={false}> <Table fz="xs" withRowBorders={false} verticalSpacing={5}>
<Table.Tbody> <Table.Tbody>
{noLHSMatches || noRHSMatches ? ( {noLHSMatches || noRHSMatches ? (
<Table.Tr> <Table.Tr>
@ -603,7 +603,11 @@ const VectorVectorBinaryExprExplainView: FC<
: undefined : undefined
} }
> >
<Group wrap="nowrap" gap="xs"> <Group
wrap="nowrap"
gap="xs"
align="flex-start"
>
<Group wrap="nowrap" gap={0}> <Group wrap="nowrap" gap={0}>
{seriesSwatch(colorForIndex(lIdx))} {seriesSwatch(colorForIndex(lIdx))}
<span style={{ color: "#aaa" }}>–</span> <span style={{ color: "#aaa" }}>–</span>
@ -619,7 +623,7 @@ const VectorVectorBinaryExprExplainView: FC<
</Group> </Group>
</Table.Td> </Table.Td>
{showSampleValues && ( {showSampleValues && (
<Table.Td className="number-cell"> <Table.Td ta="right">
{filtered ? ( {filtered ? (
<span style={{ color: "grey" }}> <span style={{ color: "grey" }}>
filtered filtered