fix menu close button position - right side on mobile

ZdruzenieSTROM · Nov 22, 2024 · e639737 · e639737
1 parent 302e661
commit e639737
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/PageLayout/MenuMain/MenuMain.tsx b/src/components/PageLayout/MenuMain/MenuMain.tsx
@@ -99,7 +99,11 @@ export const MenuMain: FC = () => {
         }}
       >
         <Box flexGrow={1}>
-          <CloseButton size={iconSize} onClick={toggleMenu} sx={{position: 'absolute', top: 24, left: 24}} />
+          <CloseButton
+            size={iconSize}
+            onClick={toggleMenu}
+            sx={{position: 'absolute', top: 24, left: {xs: undefined, md: 24}, right: {xs: 24, md: undefined}}}
+          />
           {menuItemsIsLoading && (
             <Box sx={{position: 'absolute', top: '50%', left: 0, right: 0, color: 'white'}}>
               <Loading />