fix: highlight on hover in docs

Signed-off-by: Asish Kumar <officialasishkumar@gmail.com>
asyncapi · Jan 4, 2024 · 7351636 · 7351636
1 parent 5d5bf2c
commit 7351636
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/modelina-website/src/components/docs/Docs.tsx b/modelina-website/src/components/docs/Docs.tsx
@@ -33,7 +33,7 @@ const Docs: React.FC<ModelinaDocsProps> = ({ source, slug, router }) => {
         headerReadme = (
           <li
             key={value.slug}
-            className={`cursor-pointer ${isSelected && 'bg-sky-500/[.3]'} p-2`}
+            className={`cursor-pointer hover:bg-sky-500/[.3] ${isSelected && 'bg-sky-500/[.3]'} p-2`}
             onClick={() => {
               setShowMenu(false);
             }}
@@ -59,7 +59,7 @@ const Docs: React.FC<ModelinaDocsProps> = ({ source, slug, router }) => {
       return (
         <li
           key={value.slug}
-          className={`cursor-pointer ${isSelected && 'bg-sky-500/[.3]'} p-2`}
+          className={`cursor-pointer hover:bg-sky-500/[.3] ${isSelected && 'bg-sky-500/[.3]'} p-2`}
           onClick={() => {
             setShowMenu(false);
           }}