diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs index fe4142447d..d68ce262b0 100644 --- a/docs/astro.config.mjs +++ b/docs/astro.config.mjs @@ -4,7 +4,8 @@ export default { }, renderers: [ // Our main renderer for frontend components - '@astrojs/renderer-preact', + '@astrojs/renderer-preact', // Needed for Algolia search component - '@astrojs/renderer-react'], + '@astrojs/renderer-react', + ], }; diff --git a/docs/src/components/Header/LanguageSelect.css b/docs/src/components/Header/LanguageSelect.css index f353c18c29..b95ef5048a 100644 --- a/docs/src/components/Header/LanguageSelect.css +++ b/docs/src/components/Header/LanguageSelect.css @@ -1,4 +1,3 @@ - .language-select { flex-grow: 1; width: 48px; @@ -23,7 +22,7 @@ transition-property: border-color, color; -webkit-font-smoothing: antialiased; padding-left: 30px; - padding-right: 1rem; + padding-right: 1rem; } .language-select-wrapper .language-select:hover, .language-select-wrapper .language-select:focus { @@ -35,14 +34,14 @@ position: relative; } .language-select-wrapper > svg { - position: absolute; - top: 7px; - left: 10px; - z-index: -1; + position: absolute; + top: 7px; + left: 10px; + z-index: -1; } @media (min-width: 50em) { .language-select { width: 100%; } -} \ No newline at end of file +} diff --git a/docs/src/components/Header/LanguageSelect.tsx b/docs/src/components/Header/LanguageSelect.tsx index 62849e8673..89cd29ed51 100644 --- a/docs/src/components/Header/LanguageSelect.tsx +++ b/docs/src/components/Header/LanguageSelect.tsx @@ -14,29 +14,55 @@ const SelectLanguage: FunctionalComponent<{}> = ({}) => { return (
- - + +
); }; diff --git a/docs/src/components/Header/Search.css b/docs/src/components/Header/Search.css index 47ec15acff..b11a592903 100644 --- a/docs/src/components/Header/Search.css +++ b/docs/src/components/Header/Search.css @@ -64,4 +64,4 @@ .search-hint { display: flex; } -} \ No newline at end of file +} diff --git a/docs/src/components/RightSidebar/ThemeToggleButton.css b/docs/src/components/RightSidebar/ThemeToggleButton.css index 43915c5b94..7de231d1be 100644 --- a/docs/src/components/RightSidebar/ThemeToggleButton.css +++ b/docs/src/components/RightSidebar/ThemeToggleButton.css @@ -1,4 +1,3 @@ - .theme-toggle { display: inline-flex; align-items: center; @@ -35,4 +34,4 @@ input[name='theme-toggle'] { bottom: 0; left: 0; z-index: -1; -} \ No newline at end of file +} diff --git a/docs/src/config.ts b/docs/src/config.ts index c3e78d8d9f..3e677a27ed 100644 --- a/docs/src/config.ts +++ b/docs/src/config.ts @@ -55,7 +55,7 @@ export const SIDEBAR = [ export const SITE = { title: 'Astro Documentation', description: 'Build faster websites with less client-side Javascript.', -} +}; export const OPEN_GRAPH = { locale: 'en_US',