💄 remove button background color

nonebot · Sep 22, 2024 · 4a11f9a · 4a11f9a
1 parent 90eff6b
commit 4a11f9a
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 18 deletions.
diff --git a/packages/theme-nonepress/src/theme/Navbar/PrimaryNavbar/styles.css b/packages/theme-nonepress/src/theme/Navbar/PrimaryNavbar/styles.css
@@ -26,7 +26,7 @@
 
   /* navbar item */
   &-item {
-    @apply flex items-center text-base-content font-medium opacity-75;
+    @apply flex items-center text-base-content font-medium opacity-75 !bg-transparent;
 
     &:hover {
       @apply opacity-100;

diff --git a/packages/theme-nonepress/src/theme/NavbarItem/DocsMenuDropdownNavbarItem.tsx b/packages/theme-nonepress/src/theme/NavbarItem/DocsMenuDropdownNavbarItem.tsx
@@ -5,21 +5,22 @@ import clsx from "clsx";
 import Link from "@docusaurus/Link";
 import Translate from "@docusaurus/Translate";
 import {
-  type GlobalVersion,
   type GlobalDoc,
+  type GlobalVersion,
   useActiveDocContext,
+  useDocsPreferredVersion,
 } from "@docusaurus/plugin-content-docs/client";
-import { useDocsPreferredVersion } from "@docusaurus/plugin-content-docs/client";
 import {
   useDocsMenuCategory,
   useDocsMenuVersions,
 } from "@nullbot/docusaurus-theme-nonepress/client";
 
+import Heading from "@theme/Heading";
 import IconDropdown from "@theme/Icon/Dropdown";
 import DefaultNavbarItem from "@theme/NavbarItem/DefaultNavbarItem";
 import type {
-  Props,
   DesktopOrMobileNavBarItemProps,
+  Props,
 } from "@theme/NavbarItem/DocsMenuDropdownNavbarItem";
 
 import type { Doc } from "@nullbot/docusaurus-plugin-docsmenu/client";
@@ -137,11 +138,7 @@ function DocsMenuDropdownNavbarItemDesktop({
         aria-haspopup="true"
         role="button"
         to={link}
-        className={clsx(
-          "menu-link menu-item",
-          isActive && "menu-link-active",
-          className,
-        )}
+        className={clsx("menu-link", isActive && "menu-link-active", className)}
         activeClassName={clsx("menu-link-active", activeClassName)}
         {...props}
       >
@@ -175,7 +172,7 @@ function DocsMenuDropdownNavbarItemDesktop({
               onClick={versionInfo.latest.onClick}
               className="navbar-docs-menu-version-link"
             >
-              <h4 className="navbar-docs-menu-version-link-title">
+              <Heading as="h4" className="navbar-docs-menu-version-link-title">
                 {versionInfo.latest.label}
                 <span className="navbar-docs-menu-version-link-badge navbar-docs-menu-version-link-badge-stable">
                   <Translate
@@ -185,7 +182,7 @@ function DocsMenuDropdownNavbarItemDesktop({
                     Stable
                   </Translate>
                 </span>
-              </h4>
+              </Heading>
               <span className="navbar-docs-menu-version-link-description">
                 {stableInfo}
               </span>
@@ -195,7 +192,7 @@ function DocsMenuDropdownNavbarItemDesktop({
               onClick={versionInfo.next.onClick}
               className="navbar-docs-menu-version-link"
             >
-              <h4 className="navbar-docs-menu-version-link-title">
+              <Heading as="h4" className="navbar-docs-menu-version-link-title">
                 {versionInfo.next.label}
                 <span className="navbar-docs-menu-version-link-badge navbar-docs-menu-version-link-badge-next">
                   <Translate
@@ -205,7 +202,7 @@ function DocsMenuDropdownNavbarItemDesktop({
                     Development
                   </Translate>
                 </span>
-              </h4>
+              </Heading>
               <span className="navbar-docs-menu-version-link-description">
                 {nextInfo}
               </span>

diff --git a/packages/theme-nonepress/src/theme/NavbarItem/DropdownNavbarItem.tsx b/packages/theme-nonepress/src/theme/NavbarItem/DropdownNavbarItem.tsx
@@ -56,7 +56,7 @@ function DropdownNavbarItemDesktop({
         role="button"
         isNavLink
         href={props.to ? undefined : "#"}
-        className={clsx("menu-link menu-item", className)}
+        className={clsx("menu-link", className)}
         activeClassName={clsx("menu-link-active", activeClassName)}
         {...props}
         onClick={props.to ? undefined : (e) => e.preventDefault()}

diff --git a/packages/theme-nonepress/src/theme/NavbarItem/styles.css b/packages/theme-nonepress/src/theme/NavbarItem/styles.css
@@ -1,8 +1,4 @@
 .navbar {
-  & .dropdown-content {
-    @apply mt-1;
-  }
-
   /* dropdown */
   &-dropdown {
     &-icon {