xiaoxue_admin
/
dbx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(docs): stabilize nav hover and sidebar icons

This commit is contained in:
t8y2 2026-08-01 01:44:49 +08:00
parent aef61df302
commit 61e149bb9f
No known key found for this signature in database
3 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/app/global.css
View File

@ -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 {

6
docs/components/landing/LandingNav.tsx
View File

@ -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

3
docs/lib/source.ts
View File

@ -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({