diff options
| author | Jay V <[email protected]> | 2025-06-20 12:56:00 -0400 |
|---|---|---|
| committer | Jay V <[email protected]> | 2025-06-20 12:56:00 -0400 |
| commit | 9a573dedc64c1602896d3ab898627a0f177f9ee7 (patch) | |
| tree | 58768dc7c0c6367dad70ad6219d483e9ebc0131f | |
| parent | 9ea0d71e8df92a168d9b922043e3da161bb7d613 (diff) | |
| download | opencode-9a573dedc64c1602896d3ab898627a0f177f9ee7.tar.gz opencode-9a573dedc64c1602896d3ab898627a0f177f9ee7.zip | |
docs: test
| -rw-r--r-- | packages/web/src/components/Header.astro | 15 | ||||
| -rw-r--r-- | packages/web/src/components/share.module.css | 2 |
2 files changed, 14 insertions, 3 deletions
diff --git a/packages/web/src/components/Header.astro b/packages/web/src/components/Header.astro index 42c8e2f02..a5ade7ec5 100644 --- a/packages/web/src/components/Header.astro +++ b/packages/web/src/components/Header.astro @@ -9,6 +9,8 @@ import SiteTitle from '@astrojs/starlight/components/SiteTitle.astro'; const path = Astro.url.pathname; const links = config.social || []; +const { headerLinks } = globalThis.toolbeamDocsThemeConfig ?? {}; + --- { path.startsWith("/s") @@ -17,7 +19,11 @@ const links = config.social || []; <SiteTitle {...Astro.props} /> </div> <div class="middle-group sl-flex"> - <HeaderLinks {...Astro.props} /> +{ + headerLinks?.map(({ name, url }) => ( + <a class="links" href={url}>{name}</a> + )) +} </div> <div class="sl-hidden md:sl-flex right-group"> { @@ -80,6 +86,12 @@ const links = config.social || []; color: var(--sl-color-text-dimmed); } } + a.links { + text-transform: uppercase; + font-size: var(--sl-text-sm); + color: var(--sl-color-text-secondary); + line-height: normal; + } } @media (min-width: 50rem) { @@ -113,4 +125,3 @@ const links = config.social || []; } } </style> - diff --git a/packages/web/src/components/share.module.css b/packages/web/src/components/share.module.css index d84af3bec..738f51553 100644 --- a/packages/web/src/components/share.module.css +++ b/packages/web/src/components/share.module.css @@ -254,7 +254,7 @@ line-height: 18px; font-size: 0.875rem; color: var(--sl-color-text-secondary); - max-wdith: var(--sm-tool-width); + max-width: var(--sm-tool-width); display: flex; align-items: flex-start; |