Skip to content

Fix/nav search overlap canary #1280

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
twosugar merged 3 commits into from
Oct 12, 2026
Merged

Fix/nav search overlap canary #1280

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
4197320
fix(nav): collapse search to an icon button between lg and xl
twosugar Oct 12, 2026
b774bb4
docs(seo): use the homepage hero copy as the zh-CN homepage description
twosugar Oct 12, 2026
de74337
docs(seo): use the homepage hero copy as the en and zh-HK homepage de…
twosugar Oct 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/en/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: false
titleTemplate: APIs, LLM, MCP, CLI & More
description: 'Build trading and market data apps with Longbridge OpenAPI. Real-time quotes, order execution and financial data via SDK, CLI, MCP and AI Skill.'
description: 'Real-time market data, quantitative research, and AI-powered analysis — through AI Skill, CLI, MCP, SDK and OpenAPI. One credential, every market, zero overhead. Explore live market data across every market.'
---

<NewHomePage/>
2 changes: 1 addition & 1 deletion docs/zh-CN/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: false
titleTemplate: API、LLM、MCP、CLI 及更多开放能力
description: '使用 Longbridge OpenAPI 构建交易与行情应用。通过 SDK、CLI、MCP 和 AI Skill 获取实时行情、下单交易与金融数据。'
description: '实时行情、量化研究与 AI 驱动分析——通过 AI Skill、CLI、MCP、SDK 和 OpenAPI 一体接入。一套凭证，覆盖所有市场，零额外开销。探索覆盖全球市场的实时行情。'
---

<NewHomePage/>
2 changes: 1 addition & 1 deletion docs/zh-HK/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: false
titleTemplate: API、LLM、MCP、CLI 及更多開放能力
description: '使用 Longbridge OpenAPI 構建交易與行情應用。透過 SDK、CLI、MCP 和 AI Skill 獲取即時行情、下單交易與金融數據。'
description: '即時行情、量化研究與 AI 驅動分析——透過 AI Skill、CLI、MCP、SDK 和 OpenAPI 一體接入。一套憑證，覆蓋所有市場，零額外開銷。探索覆蓋全球市場的即時行情。'
---

<NewHomePage/>
9 changes: 6 additions & 3 deletions src/components/shell/SearchButton.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,9 +48,12 @@ export default function SearchButton({ locale }: Props) {
<>
<button
type="button"
className="hidden lg:flex items-center gap-2 [font-size:13px] text-[color:var(--lb-fg-3)] bg-[var(--lb-bg-2)] border border-transparent rounded-lg cursor-pointer hover:border-[color:var(--app-card-stroke-strong)] w-[220px] h-[32px] px-[10px]"
// lg~xl 之间导航标签 + 220px 输入框放不下（会与 Docs 等标签重叠），
// 收成与 GitHub 按钮一致的 32×32 图标按钮；≥xl 恢复输入框样式。
className="hidden lg:grid xl:flex place-items-center items-center gap-2 w-8 h-8 border border-transparent rounded-lg cursor-pointer [font-size:13px] text-[color:var(--lb-fg-2)] hover:bg-[var(--lb-bg-2)] hover:text-[color:var(--lb-fg-1)] xl:w-[220px] xl:px-[10px] xl:text-[color:var(--lb-fg-3)] xl:bg-[var(--lb-bg-2)] xl:hover:text-[color:var(--lb-fg-3)] xl:hover:border-[color:var(--app-card-stroke-strong)]"
data-lbus-component="search-button"
aria-label={t(locale, 'search.placeholder')}
title={t(locale, 'search.placeholder')}
onClick={() => setOpen(true)}
>
<svg
Expand All @@ -69,9 +72,9 @@ export default function SearchButton({ locale }: Props) {
<circle cx="11" cy="11" r="8" />
<path d="m21 21-4.35-4.35" />
</svg>
<span className="flex-1 text-left">{t(locale, 'search.placeholder')}</span>
<span className="hidden xl:inline flex-1 text-left">{t(locale, 'search.placeholder')}</span>
<kbd
className="ml-auto [font-family:var(--app-mono)] [font-size:11px] leading-[11px] px-[5px] py-[2px] bg-[var(--lb-bg-1)] border border-[color:var(--app-card-stroke)] rounded-[4px] text-[color:var(--lb-fg-3)]"
className="hidden xl:inline ml-auto [font-family:var(--app-mono)] [font-size:11px] leading-[11px] px-[5px] py-[2px] bg-[var(--lb-bg-1)] border border-[color:var(--app-card-stroke)] rounded-[4px] text-[color:var(--lb-fg-3)]"
aria-label="Keyboard shortcut: Command K"
>
<span aria-hidden="true">⌘K</span>
Expand Down
Loading