fix: adjust breakpoint for small screens from 1200 to 1366

Orfium · Mar 13, 2024 · ba0afc3 · ba0afc3
1 parent e20d8c0
commit ba0afc3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/ui/Navigation/Navigation.tsx b/src/ui/Navigation/Navigation.tsx
@@ -37,18 +37,18 @@ export function Navigation(props: NavigationProps) {
   const theme = useTheme();
   const breakpoints = useBreakpoints();
   const [expanded, setExpanded] = useState(() => {
-    return breakpoints.des1200;
+    return breakpoints.des1366;
   });
 
   const match = useRouteMatch(adminNavigationURLSegment);
   const orfiumProducts = useOrfiumProducts();
   const { switchOrganization, organizations, selectedOrganization } = useOrganizations();
 
   useEffect(() => {
-    setExpanded(breakpoints.des1200);
-  }, [breakpoints.des1200]);
+    setExpanded(breakpoints.des1366);
+  }, [breakpoints.des1366]);
 
-  const isDesktop = breakpoints.des1200;
+  const isDesktop = breakpoints.des1366;
   const adminNavigationIsActive = match?.url === adminNavigationURLSegment && enableAdminMode;
 
   return (

diff --git a/src/ui/TopBar/TopBar.tsx b/src/ui/TopBar/TopBar.tsx
@@ -14,7 +14,7 @@ export function TopBar({ utilitySection, menuItems = [] }: TopBarProps) {
   const { topBarUtilitySection } = _useTopBarUtilitySection();
   const theme = useTheme();
   const breakpoints = useBreakpoints();
-  const isDesktop = breakpoints.des1200;
+  const isDesktop = breakpoints.des1366;
 
   return (
     <TopAppBarWrapper role="banner" aria-label="Top Application Banner">