diff --git a/.changeset/dry-pigs-press.md b/.changeset/dry-pigs-press.md new file mode 100644 index 0000000..7aef9a4 --- /dev/null +++ b/.changeset/dry-pigs-press.md @@ -0,0 +1,5 @@ +--- +'@sveltejs/site-kit': patch +--- + +fix: TS Toggle position diff --git a/packages/site-kit/src/lib/components/ToggleButton.svelte b/packages/site-kit/src/lib/components/ToggleButton.svelte index 2472792..de63fa3 100644 --- a/packages/site-kit/src/lib/components/ToggleButton.svelte +++ b/packages/site-kit/src/lib/components/ToggleButton.svelte @@ -55,8 +55,12 @@ left: 2px; border-radius: 50%; background: var(--fg); - box-shadow: 0 0px 1px rgba(0, 0, 0, 0.4), 0 4px 2px rgba(0, 0, 0, 0.1); - transition: background 0.2s ease-out, left 0.2s ease-out; + box-shadow: + 0 0px 1px rgba(0, 0, 0, 0.4), + 0 4px 2px rgba(0, 0, 0, 0.1); + transition: + background 0.2s ease-out, + left 0.2s ease-out; } button[aria-pressed='true']::after { diff --git a/packages/site-kit/src/lib/docs/TSToggle.svelte b/packages/site-kit/src/lib/docs/TSToggle.svelte index 307d4d3..90528e7 100644 --- a/packages/site-kit/src/lib/docs/TSToggle.svelte +++ b/packages/site-kit/src/lib/docs/TSToggle.svelte @@ -32,6 +32,7 @@ @media (min-width: 832px) { .input-output-toggle { padding: 0rem; + transform: translateX(-1rem); width: var(--sidebar-menu-width); margin: 0 0 0 auto; }