diff options
| -rw-r--r-- | examples/docs/src/components/Header/Header.astro | 11 | ||||
| -rw-r--r-- | examples/docs/src/config.ts | 2 |
2 files changed, 8 insertions, 5 deletions
diff --git a/examples/docs/src/components/Header/Header.astro b/examples/docs/src/components/Header/Header.astro index 7dcbb987d..ca787dc63 100644 --- a/examples/docs/src/components/Header/Header.astro +++ b/examples/docs/src/components/Header/Header.astro @@ -18,8 +18,8 @@ const lang = currentPage && getLanguageFromURL(currentPage); <SidebarToggle client:idle /> </div> <div class="logo flex"> - <AstroLogo size={40} /> <a href="/"> + <AstroLogo size={40} /> <h1>{CONFIG.SITE.title ?? "Documentation"}</h1> </a> </div> @@ -48,6 +48,7 @@ const lang = currentPage && getLanguageFromURL(currentPage); } .logo { + flex: 1; display: flex; overflow: hidden; width: 30px; @@ -61,6 +62,7 @@ const lang = currentPage && getLanguageFromURL(currentPage); } .logo a { + display: flex; padding: 0.5em 0.25em; margin: -0.5em -0.25em; text-decoration: none; @@ -78,6 +80,7 @@ const lang = currentPage && getLanguageFromURL(currentPage); } .logo h1 { + display: none; font: inherit; color: inherit; margin: 0; @@ -103,12 +106,12 @@ const lang = currentPage && getLanguageFromURL(currentPage); margin: 0; z-index: 0; } + .logo h1 { + display: initial; + } .menu-toggle { display: none; } - .logo { - width: auto; - } } /** Style Algolia */ diff --git a/examples/docs/src/config.ts b/examples/docs/src/config.ts index 537723f43..b81bf9b4f 100644 --- a/examples/docs/src/config.ts +++ b/examples/docs/src/config.ts @@ -1,5 +1,5 @@ export const SITE = { - title: 'Your Documentation Website', + title: 'Documentation', description: 'Your website description.', defaultLanguage: 'en_US', }; |