diff options
| author |  Tony Sullivan <tony.f.sullivan@outlook.com>
| 2022-05-10 21:59:56 +0000 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-05-10 21:59:56 +0000 |
| commit | be899fdd1a5408e41e63a5f7c8be7753a8fafda8 (patch) | |
| tree | bd076592b0a24488dd8598901940440255063e59 /examples/docs/src/components/Header/Header.astro | |
| parent | 0913afb255522b6175c376f3b5398a1b76e9dd4a (diff) | |
| download | astro-be899fdd1a5408e41e63a5f7c8be7753a8fafda8.tar.gz astro-be899fdd1a5408e41e63a5f7c8be7753a8fafda8.tar.zst astro-be899fdd1a5408e41e63a5f7c8be7753a8fafda8.zip | |
Fixing mobile header for docs example (#3335)
Diffstat (limited to 'examples/docs/src/components/Header/Header.astro')
| -rw-r--r-- | examples/docs/src/components/Header/Header.astro | 11 |
1 files changed, 7 insertions, 4 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 */ |