mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2024-11-09 23:24:05 -08:00
Code Issues Actions 3 Packages 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
style={{ borderRadius: 3, border: `2px solid ${color}` }}
>
<Table fz="xs" withRowBorders={false}>
<Table fz="xs" withRowBorders={false} verticalSpacing={5}>
<Table.Tbody>
{series.length === 0 ? (
<Table.Tr>
@ -501,7 +501,7 @@ const VectorVectorBinaryExprExplainView: FC<
</Group>
</Table.Td>
{showSampleValues && (
<Table.Td>{s.value[1]}</Table.Td>
<Table.Td ta="right">{s.value[1]}</Table.Td>
)}
</Table.Tr>
);
@ -549,7 +549,7 @@ const VectorVectorBinaryExprExplainView: FC<
border: `2px solid ${resultGroupColor}`,
}}
>
<Table fz="xs" withRowBorders={false}>
<Table fz="xs" withRowBorders={false} verticalSpacing={5}>
<Table.Tbody>
{noLHSMatches || noRHSMatches ? (
<Table.Tr>
@ -603,7 +603,11 @@ const VectorVectorBinaryExprExplainView: FC<
: undefined
}
>
<Group wrap="nowrap" gap="xs">
<Group
wrap="nowrap"
gap="xs"
align="flex-start"
>
<Group wrap="nowrap" gap={0}>
{seriesSwatch(colorForIndex(lIdx))}
<span style={{ color: "#aaa" }}>–</span>
@ -619,7 +623,7 @@ const VectorVectorBinaryExprExplainView: FC<
</Group>
</Table.Td>
{showSampleValues && (
<Table.Td className="number-cell">
<Table.Td ta="right">
{filtered ? (
<span style={{ color: "grey" }}>
filtered