diff --git a/src/components/nav/DrawerNav.tsx b/src/components/nav/DrawerNav.tsx
index 2df0da6..9a9fc55 100644
--- a/src/components/nav/DrawerNav.tsx
+++ b/src/components/nav/DrawerNav.tsx
@@ -128,20 +128,13 @@ const DrawerNav = ({ isDrawerOpen }: Props) => {
- vs Kong Konnect
+ vs Apigee
vs AWS API Gateway
vs Azure APIM
- vs NGINX
- vs Solo.io Gloo Gateway
- vs Tyk
vs Gravitee
- vs Envoy Gateway
-
- vs Ambassador Edge Stack
-
- vs API7 Enterprise
- vs Akana
- vs Zuplo
+ vs Kong Konnect
+ vs Tyk
+ See more comparisons
diff --git a/src/components/nav/MainNav.tsx b/src/components/nav/MainNav.tsx
index f53e4b5..c8c2062 100644
--- a/src/components/nav/MainNav.tsx
+++ b/src/components/nav/MainNav.tsx
@@ -342,11 +342,7 @@ const MainNav = () => {
-
+
{
href="https://traefik.io/compare/traefik-vs-azure-api-management/"
external
/>
-
-
-
-
+
-
-
diff --git a/src/components/nav/MenuColumn.tsx b/src/components/nav/MenuColumn.tsx
index 605505b..1668096 100644
--- a/src/components/nav/MenuColumn.tsx
+++ b/src/components/nav/MenuColumn.tsx
@@ -52,6 +52,20 @@ const Links = styled.ul`
}
}
+ .menu-item-button {
+ padding: 12px;
+ width: 100%;
+ font-size: 16px;
+ height: 40px;
+ border-radius: 8px;
+ display: inline-block;
+ background: rgb(244, 245, 246);
+
+ i svg {
+ opacity: 1;
+ }
+ }
+
span {
font-size: 16px;
font-weight: normal;
@@ -93,12 +107,21 @@ type MenuColumnLinkProps = {
title: string | React.ReactNode
logo?: React.ReactNode
description?: string
+ className?: string
}
-export const Item: React.FC = ({ href, external, title, logo, description, ...props }) => (
+export const Item: React.FC = ({
+ href,
+ external,
+ title,
+ logo,
+ description,
+ className,
+ ...props
+}) => (
{external ? (
-
+
{logo ? (
{logo}
@@ -115,7 +138,7 @@ export const Item: React.FC = ({ href, external, title, log
) : (
-
+
{title}
)}