D

EnAccess · Dec 5, 2024 · b3653b7 · b3653b7
1 parent 0afe9eb
commit b3653b7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/app/components/Home.tsx b/app/components/Home.tsx
@@ -1,6 +1,6 @@
 "use client"
 import React, { useState, useMemo } from "react"
-import { Input, Card, Typography, Menu, Collapse, Empty } from "antd"
+import { Input, Card, Typography, Menu, Collapse, Empty,Button } from "antd"
 import ToolMapButton from "./Button"
 
 const { Title, Paragraph } = Typography
@@ -149,19 +149,19 @@ const EnAccessToolMap = ({ setIsModalOpen }: EnAccessToolMapProps) => {
       <div className="flex justify-center space-x-4 my-5">
         <Menu
           mode="horizontal"
-          className="bg-transparent"
+          className="bg-transparent border-0"
           selectedKeys={selectedCategories}
           onClick={handleMenuClick}
         >
           {Object.entries(categories).map(([category, items]) => (
             <Menu.SubMenu
               key={category}
               title={
-                <span style={{ fontSize: "1.2em", margin: "0 0 10px 0" }}>
+                <Button className="bg-[#95D5B2] hover:bg-[#2D6A4F]"  >
                   {category}
-                </span>
+                </Button>
               }
-              className={`bg-[#95D5B2] hover:bg-[#2D6A4F] hover:text-white`}
+              className={` hover:bg-[#2D6A4F] hover:text-white custom-popup`}
             >
               {items.map((item) => (
                 <Menu.Item

diff --git a/app/globals.css b/app/globals.css
@@ -19,3 +19,8 @@ body {
   background: var(--background);
   font-family: Arial, Helvetica, sans-serif;
 }
+.custom-popup {
+  border: none; /* Remove border from submenu */
+}
+
+