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

Slightly improve navbar wrapping for long status title + narrow window

Browse Source 
Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2024-09-09 11:59:36 +02:00
parent 306d357635
commit e2be869a7a
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/App.tsx
View File

@ -339,9 +339,13 @@ function App() {
padding="md" padding="md"
> >
<AppShell.Header bg="rgb(65, 73, 81)" c="#fff"> <AppShell.Header bg="rgb(65, 73, 81)" c="#fff">
<Group h="100%" px="md"> <Group h="100%" px="md" wrap="nowrap">
<Group style={{ flex: 1 }} justify="space-between"> <Group
<Group gap={65}> style={{ flex: 1 }}
justify="space-between"
wrap="nowrap"
>
<Group gap={65} wrap="nowrap">
<Link <Link
to="/" to="/"
style={{ textDecoration: "none", color: "white" }} style={{ textDecoration: "none", color: "white" }}
@ -351,11 +355,11 @@ function App() {
<Text fz={20}>Prometheus{agentMode && " Agent"}</Text> <Text fz={20}>Prometheus{agentMode && " Agent"}</Text>
</Group> </Group>
</Link> </Link>
<Group gap={12} visibleFrom="sm"> <Group gap={12} visibleFrom="sm" wrap="nowrap">
{navLinks} {navLinks}
</Group> </Group>
</Group> </Group>
<Group visibleFrom="xs"> <Group visibleFrom="xs" wrap="nowrap">
<ThemeSelector /> <ThemeSelector />
<SettingsMenu /> <SettingsMenu />
</Group> </Group>