diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 50b3cc2..b91f3f3 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -6,9 +6,8 @@ import './../style/doc.css'; import './../style/style.css'; - import { onDestroy, onMount, setContext } from 'svelte'; + import { onDestroy, onMount } from 'svelte'; import { page } from '$app/stores'; - import { stopPropagation } from 'svelte/legacy'; import { afterNavigate } from '$app/navigation'; /** @type {{children?: import('svelte').Snippet}} */ @@ -29,7 +28,6 @@ function onNavToggle() { navToggle = !navToggle; - // document[navToggle ? 'addEventListener' : 'removeEventListener']('click', outsideNavClick) } const navigation = { @@ -46,8 +44,6 @@ '/migration-guide': 'Migration guide' } - setContext('navigation', navigation); - let page_nav = $state([]); function buildPageNav() { @@ -70,6 +66,7 @@ const newmode = mode === 'dark' ? 'light' : 'dark'; document.documentElement.classList.remove('light', 'dark'); document.documentElement.classList.add(newmode); + localStorage.setItem('theme', newmode); mode = newmode; } diff --git a/src/style/doc.css b/src/style/doc.css index af16a67..7696656 100644 --- a/src/style/doc.css +++ b/src/style/doc.css @@ -270,6 +270,7 @@ .vp-block { position: relative; margin: 16px -24px; + max-width: 100vw; background-color: var(--vp-code-block-bg); overflow-x: auto; transition: background-color 0.5s;