feat: Update tablet breakpoint to 1023px in useMobile and global styles

determined-ai · Sep 30, 2024 · 0e49f4c · 0e49f4c
1 parent 162348c
commit 0e49f4c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/webui/react/src/hooks/useMobile.ts b/webui/react/src/hooks/useMobile.ts
@@ -1,7 +1,7 @@
 import useResize from './useResize';
 
 const MOBILE_BREAKPOINT = 480;
-const TABLET_BREAKPOINT = 890;
+const TABLET_BREAKPOINT = 1023;
 
 const useMobile = (): boolean => {
   const { width } = useResize();

diff --git a/webui/react/src/styles/global.scss b/webui/react/src/styles/global.scss
@@ -1,6 +1,6 @@
 $breakpoint-mobile: 480px;
 $breakpoint-tablet: 768px;
-$breakpoint-tablet-large: 980px;
+$breakpoint-tablet-large: 1023px;
 $breakpoint-desktop-small: 1024px;
 $breakpoint-desktop-medium: 1200px;
 $breakpoint-desktop-large: 1400px;