Skip to content

style(docs): align docs with the SandBase design system - #36

Merged
liyangbing merged 1 commit into
mainfrom
docs/design-alignment
Oct 13, 2026
Merged

liyangbing merged 1 commit into
mainfrom
docs/design-alignment

Conversation

@liyangbing

Copy link
Copy Markdown
Contributor

Aligns the VitePress docs with ui-design (doc-layout, code-tabs, post-body), light and dark, desktop and mobile.

  • h1/lead rules now apply (VitePress wraps content in .vp-doc > div), h1 uses the design h1 role
  • Mobile: h1 no longer hidden under the fixed site header
  • Code blocks: square panel, mono label strip with text COPY, readable code-group tabs in light mode, Geist Mono monochrome; dark panel #3a3070
  • Prose, ruled tables, callouts with TIP badge, unboxed inline code, 15px sidebar, h2-only outline
  • Desktop columns 220 / 720 / 180
  • API reference pages keep their layout (rules scoped)

Testing: npm run build passes; checked streaming, first-call and an API reference page at 1440/390 in both themes.

…esign system

- fix h1/lead selectors (content is wrapped in .vp-doc > div)
- mobile h1 clears the fixed site header
- code blocks: square panel, label strip with text COPY, readable tabs, Geist Mono monochrome
- prose, tables, callouts, inline code, sidebar and outline match design tokens
- desktop grid 220 / 720 / 180; dark panel #3a3070
@liyangbing
liyangbing merged commit 6b99ca4 into main Oct 13, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant