michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixing mobile header for docs example (#3335)

Browse source
This commit is contained in:
Tony Sullivan 2022-05-10 21:59:56 +00:00 committed by GitHub
parent 0913afb255
commit be899fdd1a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
examples/docs/src/components/Header/Header.astro
View file

@ -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 */

2
examples/docs/src/config.ts
View file

@ -1,5 +1,5 @@
export const SITE = {
title: 'Your Documentation Website',
title: 'Documentation',
description: 'Your website description.',
defaultLanguage: 'en_US',
};