Drop Down Menu Fixed

src/components/exam/Carousel/index.css

@@ -146,6 +146,7 @@
   
   .melc-c-i-i-exam-sit{
     position: absolute;
+    z-index: 20;
     top: 20px;
     left: 10px;
     padding: 5px 5px;

src/components/header/Header.js

@@ -12,6 +12,7 @@ import { Link } from 'react-router-dom';
 import arrowIcon from './MobileSideMenu/arrow-down.svg'
 import exitIcon from '../../assets/img/group-9.svg'
 import backIcon from './arrow-left-1.svg';
+import profileIcon from './MobileSideMenu/profile-active.svg'
 const Header = ({
   isMobile, cart,
   logOut
@@ -36,12 +37,18 @@ const Header = ({
           subMenu && <div className={`w-1/6 p-4 flex flex-col text-right bg-white shadow-xl absolute top-[108.5%] rounded-lg left-5 transition duration-700 ease-in-out ${subMenu && 'subMenu'}`}
 
           >
+            <div className='flex items-center rtl text-right w-full py-2'>
+            <img src={profileIcon} />
+            کوروش زراندوز ( معلم شیمی )
+              </div>
             <Link to='/adminpanel' onClick={() => setSubMenu(false)} className='w-full text-right border-b border-gray-200 py-2'>
               ورود به پنل ادمین
             </Link>
-            <Link to='/adminpanel/add-exam' onClick={() => setSubMenu(false)} className='w-full text-right border-b border-gray-200 py-2'>
+            {/* <Link to='/adminpanel/add-exam' onClick={() => setSubMenu(false)} className='w-full text-right border-b border-gray-200 py-2'>
               ورود به صفحه افزودن آزمون
-            </Link>
+            </Link> */}
+            
+
             <Link to='/register' onClick={() => setSubMenu(false)} className='w-full text-right border-b border-gray-200 py-2'>
               افزودن حساب کاربری جدید
             </Link>
@@ -84,7 +91,7 @@ const Header = ({
               {location.pathname.includes('adminpanel') ? <div></div> :
                 <>
                   <div className="header-profile  h-full flex items-center">
-                    <img src={arrowIcon} className=" ml-4 w-6" onClick={() => setSubMenu(!subMenu)} />
+                    <img src={arrowIcon} className={`cursor-pointer ml-4 w-6 ${subMenu && 'transform rotate-180 duration-900 transition'}`} onClick={() => setSubMenu(!subMenu)} />
                     <div className="header-profile-img-container w-10 h-10 bg-color2 ml-2 rounded-full overflow-hidden">
                       <img src={avatar1} alt="avatar1" className='w-full' />
                     </div>

src/components/header/Header.scss

@@ -26,11 +26,12 @@ $RegularFont:"IRANSansX-Regular";
   
 @keyframes fadeInAnimation {
     0% {
-        height: 0px;
+        // height: 0px;
+        opacity: 0;
        
     }
     100% {
-        height: 200px;
+        height: fit-content;
-       
+       opacity: 1;
      }
 }