From 5a6c2dfcd51d4671db8decf0fa3ac0e6e3666594 Mon Sep 17 00:00:00 2001
From: calum6541 <calumproh28@gmail.com>
Date: Thu, 31 Dec 2020 17:21:00 +0000
Subject: [PATCH] Add small ease-in-out transition between pages. (#66)

Really makes a big difference than before.
---
 layouts/default.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/layouts/default.vue b/layouts/default.vue
index dec74b0a..1eec8763 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -253,6 +253,16 @@ export default {
 </script>
 
 <style lang="scss">
+.page-enter-active,
+.page-leave-active {
+  transition: ease-in-out 100ms;
+}
+
+.page-enter,
+.page-leave-to {
+  opacity: 0;
+}
+
 .layout {
   background-color: var(--color-bg);
   display: block;