fix: remove broken style var

defi-wonderland · Apr 24, 2024 · 55e44c4 · 55e44c4
1 parent ac0f247
commit 55e44c4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/components/BaseModal.tsx b/src/components/BaseModal.tsx
@@ -6,7 +6,6 @@ import Image from 'next/image';
 import closeIcon from '~/assets/icons/x-mark.svg';
 import { useCustomTheme, useModal } from '~/hooks';
 import { ModalType } from '~/types';
-import { zIndex } from '~/utils';
 
 interface BaseModalProps {
   children: React.ReactNode;
@@ -46,7 +45,7 @@ Backdrop.displayName = 'Backdrop';
 
 export const StyledModal = styled(Modal)`
   position: fixed;
-  z-index: ${zIndex.MODAL};
+  z-index: 200;
   inset: 0;
   display: flex;
   align-items: center;
@@ -59,7 +58,7 @@ export const StyledModal = styled(Modal)`
 `;
 
 export const StyledBackdrop = styled(Backdrop)`
-  z-index: ${zIndex.BACKDROP};
+  z-index: -1;
   position: fixed;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.7);

diff --git a/src/containers/Header/index.tsx b/src/containers/Header/index.tsx
@@ -5,7 +5,6 @@ import LightModeIcon from '@mui/icons-material/LightMode';
 import DarkModeIcon from '@mui/icons-material/DarkMode';
 
 import { useCustomTheme } from '~/hooks/useTheme';
-import { zIndex, HEADER_HEIGHT } from '~/utils';
 
 export const Header = () => {
   const { changeTheme, theme } = useCustomTheme();
@@ -26,12 +25,12 @@ const StyledHeader = styled('header')(() => {
   const { currentTheme } = useCustomTheme();
   return {
     display: 'flex',
-    height: `${HEADER_HEIGHT}rem`,
+    height: `5rem`,
     padding: '0 8rem',
     alignItems: 'center',
     justifyContent: 'space-between',
     width: '100%',
-    zIndex: zIndex.HEADER,
+    zIndex: '100',
     boxShadow: currentTheme.boxShadow,
     '@media (max-width: 600px)': {
       padding: '0 1rem',