Handle nav bar safe area top inset

The default nav bar icons were possibly slightly hidden under the top bar in case there was a "safe area top inset"
2025-01-09 23:03:29 +01:00
parent a423d11442
commit e4e38e74b3
1 changed files with 1 additions and 0 deletions
--- a/src/modules/navigation-bar/components/DesktopSideBar.tsx
+++ b/src/modules/navigation-bar/components/DesktopSideBar.tsx
@@ -119,6 +119,7 @@ export const DesktopSideBar = ({ navBarItems }: { navBarItems: NavbarItem[] }) =
        >
            <Box
                sx={{
+                    pt: 'env(safe-area-inset-top)',
                    pl: 'env(safe-area-inset-left)',
                    minWidth: isCollapsed ? MIN_WIDTH_COLLAPSED : MIN_WIDTH_EXTENDED,
                    maxWidth: isCollapsed ? MAX_WIDTH_COLLAPSED : MAX_WIDTH_EXTENDED,