update breakpoints

hashicorp · Sep 4, 2024 · e17e818 · e17e818
1 parent 10b4d82
commit e17e818
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/contexts/mobile-menu.tsx b/src/contexts/mobile-menu.tsx
@@ -19,7 +19,7 @@ import { useNoScrollBody } from 'hooks/use-no-scroll-body'
 /**
  * Should correspond to --dev-dot-hide-mobile-menu
  */
-const DEFAULT_NAV_HEADER_DESKTOP_WIDTH = 1210
+const DEFAULT_NAV_HEADER_DESKTOP_WIDTH = 1230
 
 interface MobileMenuContextState {
 	/**

diff --git a/src/layouts/core-dev-dot-layout/core-dev-dot-layout.module.css b/src/layouts/core-dev-dot-layout/core-dev-dot-layout.module.css
@@ -12,7 +12,7 @@
 	--tablet-width-breakpoint: 1000px;
 
 	/** Should correspond to --dev-dot-hide-mobile-menu */
-	--mobile-menu-breakpoint: 1210px;
+	--mobile-menu-breakpoint: 1230px;
 
 	/* Font overwrites */
 	--font-body: var(--token-typography-font-stack-text);

diff --git a/src/styles/custom-media.css b/src/styles/custom-media.css
@@ -19,5 +19,5 @@
 @custom-media --dev-dot-sidecar-up only screen and (min-width: 1280px);
 
 /* Search for "Should correspond to --dev-dot-hide-mobile-menu" when changing */
-@custom-media --dev-dot-show-mobile-menu (max-width: 1209px);
-@custom-media --dev-dot-hide-mobile-menu (min-width: 1210px);
+@custom-media --dev-dot-show-mobile-menu (max-width: 1229px);
+@custom-media --dev-dot-hide-mobile-menu (min-width: 1230px);