mirror of https://github.com/VERT-sh/VERT.git
respect motion setting on navbar
This commit is contained in:
parent
0755b3eed8
commit
b5878948ef
|
@ -2,7 +2,7 @@
|
||||||
import { browser } from "$app/environment";
|
import { browser } from "$app/environment";
|
||||||
import { page } from "$app/state";
|
import { page } from "$app/state";
|
||||||
import { duration, fade } from "$lib/animation";
|
import { duration, fade } from "$lib/animation";
|
||||||
import { setTheme } from "$lib/store/index.svelte";
|
import { motion, setTheme } from "$lib/store/index.svelte";
|
||||||
import clsx from "clsx";
|
import clsx from "clsx";
|
||||||
import { MoonIcon, SunIcon } from "lucide-svelte";
|
import { MoonIcon, SunIcon } from "lucide-svelte";
|
||||||
import { quintOut } from "svelte/easing";
|
import { quintOut } from "svelte/easing";
|
||||||
|
@ -111,9 +111,9 @@
|
||||||
.height}px; top: {linkRects[selectedIndex].top -
|
.height}px; top: {linkRects[selectedIndex].top -
|
||||||
(containerRect?.top || 0)}px; left: {linkRects[
|
(containerRect?.top || 0)}px; left: {linkRects[
|
||||||
selectedIndex
|
selectedIndex
|
||||||
].left -
|
].left - (containerRect?.left || 0)}px; {$motion
|
||||||
(containerRect?.left ||
|
? `transition: left var(--transition) ${duration}ms, top var(--transition) ${duration}ms;`
|
||||||
0)}px; transition: left var(--transition) {duration}ms, top var(--transition) {duration}ms;"
|
: ''}"
|
||||||
></div>
|
></div>
|
||||||
{/if}
|
{/if}
|
||||||
<a
|
<a
|
||||||
|
|
Loading…
Reference in New Issue