diff --git a/src/App.module.scss b/src/App.module.scss
index 7597303..768b4b8 100644
--- a/src/App.module.scss
+++ b/src/App.module.scss
@@ -11,6 +11,7 @@ body, html {
top: 0; left: 0;
border-radius: 16px;
z-index: 0;
+ transition: 500ms ease;
}
@keyframes delay-show-fade-in {
diff --git a/src/App.svelte b/src/App.svelte
index c72b0d0..d7bfae3 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -11,9 +11,19 @@
import Background from './widget/Background/Background.svelte';
export let url = "/load";
+
+ let page_faded = false;
+
RouteStore.subscribe(() => {
+ let new_url = RouteStore.getState().path;
+ if (url == new_url) return;
+
url = RouteStore.getState().path;
- navigate(url);
+ page_faded = true;
+ setTimeout(() => {
+ navigate(url);
+ page_faded = false;
+ }, 550);
});
RouteStore.dispatch({ type: 'setPath', path: '/load' })
@@ -23,7 +33,7 @@