mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2024-12-25 13:44:05 -08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Better top nav page titles, clickable Prometheus brand logo

Browse source 
Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2024-04-03 14:47:38 +02:00
parent b40a029599
commit c2eb4007bb
1 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
web/ui/mantine-ui/src/App.tsx
View file

@ -8,6 +8,7 @@ import PrometheusLogo from "./images/prometheus-logo.svg";
import {
ActionIcon,
Affix,
Anchor,
AppShell,
Box,
Burger,
@ -44,6 +45,7 @@ import {
} from "@tabler/icons-react";
import {
BrowserRouter,
Link,
NavLink,
Navigate,
Route,
@ -92,13 +94,13 @@ const mainNavPages = [
const monitoringStatusPages = [
{
title: "Targets",
title: "Target health",
path: "/targets",
icon: <IconHeartRateMonitor style={navIconStyle} />,
element: <TargetsPage />,
},
{
title: "Rules",
title: "Rule health",
path: "/rules",
icon: <IconTable style={navIconStyle} />,
element: <RulesPage />,
@ -300,10 +302,15 @@ function App() {
<Group h="100%" px="md">
<Group style={{ flex: 1 }} justify="space-between">
<Group gap={65}>
<Group gap={10}>
<img src={PrometheusLogo} height={30} />
<Text fz={20}>Prometheus{agentMode && " Agent"}</Text>
</Group>
<Link
to="/"
style={{ textDecoration: "none", color: "white" }}
>
<Group gap={10}>
<img src={PrometheusLogo} height={30} />
<Text fz={20}>Prometheus{agentMode && " Agent"}</Text>
</Group>
</Link>
<Group gap={12} visibleFrom="sm">
{navLinks}
</Group>