aboutsummaryrefslogtreecommitdiff
path: root/website/src/components/Header.astro
diff options
context:
space:
mode:
Diffstat (limited to 'website/src/components/Header.astro')
-rw-r--r--website/src/components/Header.astro99
1 files changed, 0 insertions, 99 deletions
diff --git a/website/src/components/Header.astro b/website/src/components/Header.astro
deleted file mode 100644
index cfa3d759..00000000
--- a/website/src/components/Header.astro
+++ /dev/null
@@ -1,99 +0,0 @@
----
-import config from 'virtual:starlight/user-config';
-
-import LanguageSelect from 'virtual:starlight/components/LanguageSelect';
-import Search from 'virtual:starlight/components/Search';
-import SiteTitle from 'virtual:starlight/components/SiteTitle';
-import SocialIcons from 'virtual:starlight/components/SocialIcons';
-import ThemeSelect from 'virtual:starlight/components/ThemeSelect';
-import DocsVersionSelect from './DocsVersionSelect.astro';
-import { docsRoute } from '../docs-path';
-
-const shouldRenderSearch =
- config.pagefind || config.components.Search !== '@astrojs/starlight/components/Search.astro';
-const isDocs = docsRoute(Astro.url.pathname).isDocs;
----
-
-<div class="header">
- <div class="title-wrapper sl-flex">
- <SiteTitle />
- </div>
- <div class="sl-flex print:hidden search-wrapper">
- {isDocs && <DocsVersionSelect />}
- {shouldRenderSearch && <Search />}
- </div>
- <div class="sl-hidden md:sl-flex print:hidden right-group">
- <div class="sl-flex social-icons">
- <SocialIcons />
- </div>
- <ThemeSelect />
- <LanguageSelect />
- </div>
-</div>
-
-<style>
- @layer starlight.core {
- .header {
- display: flex;
- gap: var(--sl-nav-gap);
- justify-content: space-between;
- align-items: center;
- height: 100%;
- }
-
- .title-wrapper {
- overflow: clip;
- padding: 0.25rem;
- margin: -0.25rem;
- min-width: 0;
- }
-
- .search-wrapper {
- align-items: center;
- gap: 0.75rem;
- min-width: 0;
- }
-
- .right-group,
- .social-icons {
- gap: 1rem;
- align-items: center;
- }
-
- .social-icons::after {
- content: "";
- height: 2rem;
- border-inline-end: 1px solid var(--sl-color-gray-5);
- }
-
- @media (min-width: 50rem) {
- :global(:root[data-has-sidebar]) {
- --__sidebar-pad: calc(2 * var(--sl-nav-pad-x));
- }
-
- :global(:root:not([data-has-toc])) {
- --__toc-width: 0rem;
- }
-
- .header {
- --__sidebar-width: max(0rem, var(--sl-content-inline-start, 0rem) - var(--sl-nav-pad-x));
- --__main-column-fr: calc(
- (
- 100% + var(--__sidebar-pad, 0rem) - var(--__toc-width, var(--sl-sidebar-width)) -
- (2 * var(--__toc-width, var(--sl-nav-pad-x))) - var(--sl-content-inline-start, 0rem) -
- var(--sl-content-width)
- ) / 2
- );
- display: grid;
- grid-template-columns:
- minmax(
- calc(var(--__sidebar-width) + max(0rem, var(--__main-column-fr) - var(--sl-nav-gap))),
- auto
- )
- 1fr
- auto;
- align-content: center;
- }
- }
- }
-</style>