From b7fc72004fca89a06b0375fcde4cc0d25a5234a2 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyasthomas@gmail.com>
Date: Sat, 30 Nov 2019 05:54:47 +0530
Subject: [PATCH] :alembic: Page animation

---
 assets/css/styles.scss | 20 ++++++--------------
 layouts/default.vue    |  4 +---
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 71636d130..7ed33872b 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -1,22 +1,14 @@
-// Layout transitions
+.page-enter-active,
+.page-leave-active,
 .layout-enter-active,
 .layout-leave-active {
-  transition: opacity 0.5s;
-}
-
-.layout-enter,
-.layout-leave-active {
-  opacity: 0;
-}
-
-// Page transitions
-.page-enter-active,
-.page-leave-active {
-  transition: opacity 0.5s;
+  transition: all 0.2s ease-in-out;
 }
 
 .page-enter,
-.page-leave-to {
+.page-leave-active,
+.layout-enter,
+.layout-leave-active {
   opacity: 0;
 }
 
diff --git a/layouts/default.vue b/layouts/default.vue
index 4e2c27969..c0a65c450 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -301,9 +301,7 @@
             </nav>
           </div>
         </aside>
-        <transition name="layout" appear>
-          <nuxt id="main" class="main" />
-        </transition>
+        <nuxt id="main" class="main" />
         <aside class="nav-second"></aside>
       </div>
     </div>