fix: style group

This commit is contained in:
Jing Hua 2023-03-26 17:06:40 +08:00
parent b813df5343
commit d654e143e5

View file

@ -23,7 +23,7 @@ const Menu = () => {
<>
<div
id='menu'
className={`group dark bg-gray-900 fixed md:inset-y-0 md:flex md:w-[260px] md:flex-col transition-transform z-[999] top-0 left-0 h-full max-md:w-3/4 ${
className={`group/menu dark bg-gray-900 fixed md:inset-y-0 md:flex md:w-[260px] md:flex-col transition-transform z-[999] top-0 left-0 h-full max-md:w-3/4 ${
hideSideMenu ? 'translate-x-[-100%]' : 'translate-x-[0%]'
}`}
>
@ -50,7 +50,7 @@ const Menu = () => {
<div
className={`${
hideSideMenu ? 'opacity-100' : 'opacity-0'
} group md:group-hover:opacity-100 max-md:hidden transition-opacity absolute z-[999] right-0 translate-x-full top-10 bg-gray-900 p-2 cursor-pointer hover:bg-black text-white ${
} group/menu md:group-hover/menu:opacity-100 max-md:hidden transition-opacity absolute z-[999] right-0 translate-x-full top-10 bg-gray-900 p-2 cursor-pointer hover:bg-black text-white ${
hideSideMenu ? '' : 'rotate-90'
}`}
onClick={() => {