diff options
| author | Jay V <[email protected]> | 2025-05-26 17:25:06 -0400 |
|---|---|---|
| committer | Jay V <[email protected]> | 2025-05-26 17:25:12 -0400 |
| commit | 66b18959ebc7b699a74ce69d3adfb4c4dcaa5fd1 (patch) | |
| tree | 5ef9340b1c496076dd1e12156fdc35c3f3c35933 /www/src/components/Header.astro | |
| parent | deacf5991abfb777aae7823a8e7e352fbefdabd0 (diff) | |
| download | opencode-66b18959ebc7b699a74ce69d3adfb4c4dcaa5fd1.tar.gz opencode-66b18959ebc7b699a74ce69d3adfb4c4dcaa5fd1.zip | |
Merging docs and share app
Diffstat (limited to 'www/src/components/Header.astro')
| -rw-r--r-- | www/src/components/Header.astro | 57 |
1 files changed, 0 insertions, 57 deletions
diff --git a/www/src/components/Header.astro b/www/src/components/Header.astro deleted file mode 100644 index 85cdc2ea5..000000000 --- a/www/src/components/Header.astro +++ /dev/null @@ -1,57 +0,0 @@ ---- -import config from 'virtual:starlight/user-config'; -import { Icon } from '@astrojs/starlight/components'; -import { HeaderLinks } from 'toolbeam-docs-theme/components'; -import Default from 'toolbeam-docs-theme/overrides/Header.astro'; -import SiteTitle from '@astrojs/starlight/components/SiteTitle.astro'; - -const path = Astro.url.pathname; - -const links = config.social || []; ---- - -{ path.startsWith("/share/") - ? <div class="header sl-flex"> - <div class="title-wrapper sl-flex"> - <SiteTitle {...Astro.props} /> - </div> - <div class="middle-group sl-flex"> - <HeaderLinks {...Astro.props} /> - </div> - </div> - : <Default {...Astro.props}><slot /></Default> -} - -<style> - .header { - justify-content: space-between; - align-items: center; - height: 100%; - } - - .title-wrapper { - /* Prevent long titles overflowing and covering the search and menu buttons on narrow viewports. */ - overflow: clip; - /* Avoid clipping focus ring around link inside title wrapper. */ - padding: calc(0.25rem + 2px) 0.25rem calc(0.25rem - 2px); - margin: -0.25rem; - } - - .middle-group { - justify-content: flex-end; - gap: var(--sl-nav-gap); - } - @media (max-width: 50rem) { - :global(:root[data-has-sidebar]) { - .middle-group { - display: none; - } - } - } - @media (min-width: 50rem) { - .middle-group { - display: flex; - } - } -</style> - |
