From d654e143e5aaf08cd6444bee90128131f18597e0 Mon Sep 17 00:00:00 2001
From: Jing Hua <tohjinghua123@gmail.com>
Date: Sun, 26 Mar 2023 17:06:40 +0800
Subject: [PATCH] fix: style group

---
 src/components/Menu/Menu.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
index 1de4ab7..9bc8001 100644
--- a/src/components/Menu/Menu.tsx
+++ b/src/components/Menu/Menu.tsx
@@ -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={() => {