fix(layout): raise AppShellHeader z-index above Indicator dots
The Mantine Indicator component (used by the Proxmox cluster health widget for VM/LXC status dots) sits at z-index 200, which is higher than the AppShellHeader's default 100. This caused the status dots to bleed above the header when scrolling. Set the header z-index to 201 so it stacks above Indicator content without conflicting with modal/popover layers (300+). Closes #6194
This commit is contained in:
1 parent
ba860aacaa
commit
687edb9226
1 file changed
+1
-1
@@ -18,7 +18,7 @@ interface Props {
|
||||
|
||||
export const MainHeader = ({ logo, actions, hasNavigation = true }: Props) => {
|
||||
return (
|
||||
<AppShellHeader maw="100vw" style={{ overflowX: "hidden" }}>
|
||||
<AppShellHeader maw="100vw" zIndex={201} style={{ overflowX: "hidden" }}>
|
||||
<Group h="100%" gap="xl" px="md" justify="apart" wrap="nowrap">
|
||||
<Group h="100%" align="center" style={{ flex: 1 }} wrap="nowrap">
|
||||
{hasNavigation && <ClientBurger />}
|
||||
|
||||
Reference in new issue
Block a user