diff --git a/src/lib/Loading.svelte b/src/lib/Loading.svelte index 81a3a22..d1b747c 100644 --- a/src/lib/Loading.svelte +++ b/src/lib/Loading.svelte @@ -1,12 +1,12 @@ @@ -25,7 +25,7 @@ position: fixed; top: 0; left: 0; - inset: calc(50% - calc(var(--size) / 2)); + inset: calc(50% - calc(var(--size)/2)); background: purple; border-radius: var(--size); height: var(--size); @@ -35,11 +35,10 @@ @keyframes moveLoader { from { - transform: translate3d(100px, 0, 0); + transform: translate3d(100px, 0, 0) } - to { - transform: translate3d(-100px, 0, 0); + transform: translate3d(-100px, 0, 0) } } \ No newline at end of file diff --git a/src/lib/loading.ts b/src/lib/loading.ts index a38c268..b53152e 100644 --- a/src/lib/loading.ts +++ b/src/lib/loading.ts @@ -1,17 +1,17 @@ -import { writable } from "svelte/store"; +import { writable } from 'svelte/store'; const newLoading = () => { const { subscribe, update, set } = writable({ - status: "IDLE", // IDLE, LOADING, NAVIGATING - message: "" + status: 'IDLE', // IDLE, LOADING, NAVIGATING + message: '', }); function setNavigate(isNavigating: boolean) { update(() => { return { status: isNavigating ? 'NAVIGATING' : 'IDLE', - message: '' - } + message: '', + }; }); } @@ -19,12 +19,12 @@ const newLoading = () => { update(() => { return { status: isLoading ? 'LOADING' : 'IDLE', - message: isLoading ? message : '' - } - }) + message: isLoading ? message : '', + }; + }); } return { subscribe, update, set, setNavigate, setLoading }; -} +}; export const loading = newLoading(); diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte index 81ad6ce..f468e9e 100644 --- a/src/routes/__layout.svelte +++ b/src/routes/__layout.svelte @@ -8,8 +8,6 @@ $: loading.setNavigate(!!$navigating); -{$loading} -