[Human App] fix: layout media queries (#3072)

humanprotocol · Feb 5, 2025 · a0877f2 · a0877f2
1 parent 000ef2f
commit a0877f2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/packages/apps/human-app/frontend/src/shared/hooks/use-notification.tsx b/packages/apps/human-app/frontend/src/shared/hooks/use-notification.tsx
@@ -3,7 +3,6 @@ import { type SnackbarKey, useSnackbar } from 'notistack';
 import CloseIcon from '@mui/icons-material/Close';
 import { useColorMode } from '@/shared/contexts/color-mode';
 import { colorPalette as lightColorPalette } from '@/shared/styles/color-palette';
-import { breakpoints } from '@/shared/styles/breakpoints';
 
 export enum TopNotificationType {
   SUCCESS = 'success',
@@ -64,9 +63,6 @@ export const useNotification = () => {
           fontSize: 14,
           fontWeight: 600,
           letterSpacing: 0.1,
-          [breakpoints.mobile]: {
-            fontSize: 14,
-          },
         },
         action,
       });

diff --git a/packages/apps/human-app/frontend/src/shared/styles/breakpoints.ts b/packages/apps/human-app/frontend/src/shared/styles/breakpoints.ts
@@ -1,4 +1,4 @@
 export const breakpoints = {
-  mobile: '@media (maxWidth:900px)',
-  tablet: '@media (maxWidth:1200px)',
+  mobile: '@media (max-width:900px)',
+  tablet: '@media (max-width:1200px)',
 };