after click on hamburger icons cross icon needs to align properly #639 (

#642) * after click on hamburger icons cross icon needs to align properly #639 * Issue 639
amupedia2021 · Jun 13, 2024 · 443051a · 443051a
1 parent 63c5ff4
commit 443051a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/common/Navbar.js b/components/common/Navbar.js
@@ -102,7 +102,7 @@ const Navbar = () => {
       <label
         htmlFor='menu'
         className={`${styles.hams} ${dropdown ? styles.overlay_active : ''} `}
-        style={!dropdown ? { top: 10, fontSize: 50, color: 'white' } : null}
+        style={!dropdown ? { top: 10, fontSize: 50, color: 'black' } : null}
         id='ham'
         dangerouslySetInnerHTML={{ __html: labelText }}
       ></label>

diff --git a/styles/Navbar.module.css b/styles/Navbar.module.css
@@ -81,7 +81,7 @@
 
 /* animation after clicking the hamburger icon  */
 .menu:checked ~ .hams {
-  transform: rotate(200deg);
+  transform: rotate(180deg);
   top: 23px;
 }