chore: fix positioning of menu

dscnitrourkela · Oct 25, 2024 · 0cdbfd0 · 0cdbfd0
1 parent 4de2bbb
commit 0cdbfd0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/ProfileMenu/ProfileMenu.styles.jsx b/src/components/ProfileMenu/ProfileMenu.styles.jsx
@@ -3,7 +3,7 @@ import { motion } from 'framer-motion';
 import Link from 'next/link';
 
 export const Container = styled.div`
-  ${tw`h-[80dvh] grid place-items-center w-full`}
+  ${tw`lg:absolute lg:top-52 lg:left-72 sxl:left-96 w-full h-[80vh] lg:h-full  flex items-center justify-center z-50`}
 `;
 
 export const MenuCard = styled(motion.div)`

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -26,6 +26,7 @@ module.exports = {
         slg: '900px',
         lg: '1024px',
         llg: '1124px',
+        sxl: '1200px',
         xl: '1280px',
         '2xl': '1536px',
       },