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 <div
id='menu' 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%]' hideSideMenu ? 'translate-x-[-100%]' : 'translate-x-[0%]'
}`} }`}
> >
@ -50,7 +50,7 @@ const Menu = () => {
<div <div
className={`${ className={`${
hideSideMenu ? 'opacity-100' : 'opacity-0' 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' hideSideMenu ? '' : 'rotate-90'
}`} }`}
onClick={() => { onClick={() => {