diff options
| -rw-r--r-- | docs/public/index.css | 5 | ||||
| -rw-r--r-- | docs/src/components/DocSidebar.tsx | 2 | ||||
| -rw-r--r-- | docs/src/components/ThemeToggle.tsx | 3 |
3 files changed, 4 insertions, 6 deletions
diff --git a/docs/public/index.css b/docs/public/index.css index 06995827c..e8b49cf88 100644 --- a/docs/public/index.css +++ b/docs/public/index.css @@ -47,7 +47,7 @@ nav ul { :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 1rem; font-weight: bold; - line-height: 1.0; + line-height: 1; } :is(h1, h2) { @@ -269,7 +269,6 @@ img { align-items: center; } - header button { background-color: var(--theme-bg); } @@ -317,7 +316,7 @@ button { } #theme-toggle > label { - color: var( --theme-code-inline-text); + color: var(--theme-code-inline-text); position: relative; display: flex; align-items: center; diff --git a/docs/src/components/DocSidebar.tsx b/docs/src/components/DocSidebar.tsx index e1b2a2b17..245a1c10b 100644 --- a/docs/src/components/DocSidebar.tsx +++ b/docs/src/components/DocSidebar.tsx @@ -105,7 +105,7 @@ const DocSidebar: FunctionalComponent<{ headers: any[]; editHref: string }> = ({ </a> </li> </ul> - <div style={{margin: '2rem 0', textAlign: 'center'}}> + <div style={{ margin: '2rem 0', textAlign: 'center' }}> <ThemeToggle /> </div> </div> diff --git a/docs/src/components/ThemeToggle.tsx b/docs/src/components/ThemeToggle.tsx index e990d8ea4..37b028758 100644 --- a/docs/src/components/ThemeToggle.tsx +++ b/docs/src/components/ThemeToggle.tsx @@ -52,7 +52,6 @@ const ThemeToggle: FunctionalComponent = () => { } }, [theme]); - return ( <div id="theme-toggle"> {themes.map((t, i) => { @@ -68,7 +67,7 @@ const ThemeToggle: FunctionalComponent = () => { value={t} title={`Use ${t} theme`} aria-label={`Use ${t} theme`} - onChange={() => { + onChange={() => { localStorage.setItem('theme', t); setTheme(t); }} |