From 61e149bb9fa0bbdc4eae34f2c4324996543b8049 Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Sat, 1 Aug 2026 01:44:49 +0800
Subject: [PATCH] fix(docs): stabilize nav hover and sidebar icons

---
 docs/app/global.css                    | 8 ++------
 docs/components/landing/LandingNav.tsx | 6 +++---
 docs/lib/source.ts                     | 3 +++
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/docs/app/global.css b/docs/app/global.css
index 7814b7935..d70348410 100644
--- a/docs/app/global.css
+++ b/docs/app/global.css
@@ -464,16 +464,12 @@ a {
 }
 
 .landing-nav-link {
-  transition:
-    background 0.16s ease,
-    color 0.16s ease,
-    transform 0.16s ease;
+  transition: color 0.16s ease;
 }
 
 .landing-nav-link:hover {
-  background: var(--color-landing-soft);
+  background: transparent;
   color: var(--color-landing-ink);
-  transform: translateY(-1px);
 }
 
 .landing-mobile-menu {
diff --git a/docs/components/landing/LandingNav.tsx b/docs/components/landing/LandingNav.tsx
index cc9d35ade..12c70ace9 100644
--- a/docs/components/landing/LandingNav.tsx
+++ b/docs/components/landing/LandingNav.tsx
@@ -103,15 +103,15 @@ export function LandingNav({ lang, active }: { lang: "en" | "cn"; active?: "home
               key={item.id}
               href={item.href}
               aria-current={active === item.id ? "page" : undefined}
-              className={`landing-nav-link inline-flex min-h-11 items-center rounded-[7px] px-[11px] text-[13px] font-medium max-[760px]:hidden ${item.tabletHidden ? "max-[900px]:hidden" : ""} ${active === item.id ? "text-landing-ink" : "text-landing-muted"}`}
+              className={`landing-nav-link inline-flex h-9 items-center rounded-[7px] px-[10px] text-[13px] font-medium max-[760px]:hidden ${item.tabletHidden ? "max-[900px]:hidden" : ""} ${active === item.id ? "text-landing-ink" : "text-landing-muted"}`}
             >
               {item.label}
             </Link>
           ))}
-          <Link href="https://github.com/t8y2/dbx" target="_blank" rel="noopener noreferrer" aria-label="GitHub" title="GitHub" className="landing-nav-link inline-flex size-11 items-center justify-center rounded-[7px] text-landing-muted max-[760px]:hidden">
+          <Link href="https://github.com/t8y2/dbx" target="_blank" rel="noopener noreferrer" aria-label="GitHub" title="GitHub" className="landing-nav-link inline-flex size-9 items-center justify-center rounded-[7px] text-landing-muted max-[760px]:hidden">
             <Github size={18} strokeWidth={2} />
           </Link>
-          <Link href={langHref} aria-label={t.langLabel} title={t.langLabel} className="landing-nav-link ml-1.5 inline-flex min-h-11 items-center justify-center rounded-[7px] border border-landing-line px-3 text-[12px] font-[650] tracking-tight text-landing-muted" onClick={() => setMenuOpen(false)}>
+          <Link href={langHref} aria-label={t.langLabel} title={t.langLabel} className="landing-nav-link ml-1.5 inline-flex h-9 items-center justify-center rounded-[7px] border border-landing-line px-3 text-[12px] font-[650] tracking-tight text-landing-muted" onClick={() => setMenuOpen(false)}>
             文/A
           </Link>
           <button
diff --git a/docs/lib/source.ts b/docs/lib/source.ts
index 9c3144a86..2993be3c9 100644
--- a/docs/lib/source.ts
+++ b/docs/lib/source.ts
@@ -16,6 +16,7 @@ const pageIcons: Record<string, keyof typeof icons> = {
   "schema-browser": "Network",
   redis: "KeyRound",
   mongodb: "Braces",
+  "specialized-workspaces": "Blocks",
   "object-browser": "Package",
   "schema-diff": "GitCompareArrows",
   "data-transfer": "ArrowRightLeft",
@@ -24,6 +25,7 @@ const pageIcons: Record<string, keyof typeof icons> = {
   "table-import": "Upload",
   "sql-file": "FileCode2",
   "database-export": "Download",
+  "database-backup": "DatabaseBackup",
   "sql-snippets": "ScrollText",
   "ai-assistant": "Bot",
   cli: "Terminal",
@@ -38,6 +40,7 @@ const pageIcons: Record<string, keyof typeof icons> = {
   "config-export": "FileUp",
   "cloud-sync": "CloudUpload",
   "ssh-tunnel": "ShieldCheck",
+  "production-safety": "ShieldAlert",
 };
 
 export const source = loader({