Updated hamburger size and content

dhairyagothi · Oct 5, 2024 · 3115d36 · 3115d36
1 parent d971722
commit 3115d36
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/frontend/src/Pages/hamburger.jsx b/frontend/src/Pages/hamburger.jsx
@@ -41,25 +41,25 @@ const HamburgerContainer = styled.div`
 
 
 const Menu = styled.div`
-  display: ${({ open }) => (open ? 'block' : 'none')};
+  display: ${({ open }) => (open ? "block" : "none")};
   background-color: white;
   position: absolute;
   top: 0;
   left: 0;
   height: 100vh;
-  width: 30vw;
-  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
-  animation: ${({ open }) => (open ? fadeIn : fadeOut)} 0.4s ease forwards;
+  width: 300px;
 
+  animation: ${({ open }) => (open ? fadeIn : fadeOut)} 0.4s ease forwards;
   @media (max-width: 768px) {
     width: 100vw;
   }
 `;
 
 const MenuItem = styled.a`
   color: rgb(59 130 246);
-  padding: 22px 16px;
-  text-decoration: none;
+  padding: 20px;
+  font-size: 20px;
+  font-weight: 600;
   display: block;
   text-align: center;
   transition: background-color 0.3s, color 0.3s;