diff --git a/packages/www/src/docs/layouts/DocsLayout.astro b/packages/www/src/docs/layouts/DocsLayout.astro index a7e6a047ae9..1a8c948378e 100644 --- a/packages/www/src/docs/layouts/DocsLayout.astro +++ b/packages/www/src/docs/layouts/DocsLayout.astro @@ -54,7 +54,15 @@ const canonical = new URL(Astro.url.pathname, "https://opencode.ai").href
-

{Astro.props.title}

+

+ {Astro.props.title} + +

@@ -81,5 +89,21 @@ const canonical = new URL(Astro.url.pathname, "https://opencode.ai").href addHeadingAnchors() document.addEventListener("astro:page-load", addHeadingAnchors) + diff --git a/packages/www/src/docs/styles/global.css b/packages/www/src/docs/styles/global.css index c5daf0230bd..6a1b13f28f3 100644 --- a/packages/www/src/docs/styles/global.css +++ b/packages/www/src/docs/styles/global.css @@ -788,7 +788,11 @@ main { } .prose h1 { + display: flex; margin: 0 0 3rem; + align-items: center; + justify-content: space-between; + gap: 1rem; font-size: 1.875rem; line-height: 1.2; } @@ -993,6 +997,21 @@ main { font-size: 0.75rem; } +.prose h1 button { + display: inline-flex; + padding: 0; + flex-shrink: 0; + cursor: pointer; + border: 0; + background: transparent; + color: var(--muted); +} + +.prose h1 button:hover, +.prose h1 button[data-copied] { + color: var(--foreground); +} + .search-dialog { width: min(42rem, calc(100% - 2rem)); max-height: min(36rem, calc(100vh - 4rem));