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

Fiddle with targets table styles to try and improve things a bit

Browse source 
Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2024-09-16 15:21:35 +02:00
parent 57898c7929
commit 091fc403cf
1 changed files with 3 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
web/ui/mantine-ui/src/pages/targets/ScrapePoolsList.tsx
View file

@ -305,10 +305,9 @@ const ScrapePoolList: FC<ScrapePoolListProp> = ({
<Table> <Table>
<Table.Thead> <Table.Thead>
<Table.Tr> <Table.Tr>
<Table.Th w="30%">Endpoint</Table.Th> <Table.Th w="25%">Endpoint</Table.Th>
<Table.Th>Labels</Table.Th> <Table.Th>Labels</Table.Th>
<Table.Th w="10%">Last scrape</Table.Th> <Table.Th w={230}>Last scrape</Table.Th>
{/* <Table.Th w="10%">Scrape duration</Table.Th> */}
<Table.Th w={100}>State</Table.Th> <Table.Th w={100}>State</Table.Th>
</Table.Tr> </Table.Tr>
</Table.Thead> </Table.Thead>
@ -337,17 +336,12 @@ const ScrapePoolList: FC<ScrapePoolListProp> = ({
/> />
</Table.Td> </Table.Td>
<Table.Td valign="top"> <Table.Td valign="top">
<Group <Group gap="xs" wrap="wrap">
gap="xs"
wrap="wrap"
justify="space-between"
>
<Tooltip <Tooltip
label="Last target scrape" label="Last target scrape"
withArrow withArrow
> >
<Badge <Badge
w="max-content"
variant="light" variant="light"
className={badgeClasses.statsBadge} className={badgeClasses.statsBadge}
styles={{ styles={{
@ -369,7 +363,6 @@ const ScrapePoolList: FC<ScrapePoolListProp> = ({
withArrow withArrow
> >
<Badge <Badge
w="max-content"
variant="light" variant="light"
className={badgeClasses.statsBadge} className={badgeClasses.statsBadge}
styles={{ styles={{
@ -390,7 +383,6 @@ const ScrapePoolList: FC<ScrapePoolListProp> = ({
</Table.Td> </Table.Td>
<Table.Td valign="top"> <Table.Td valign="top">
<Badge <Badge
w="max-content"
className={healthBadgeClass(target.health)} className={healthBadgeClass(target.health)}
> >
{target.health} {target.health}