From c018fd90ee1c3f307fa45c337375df5d9e659735 Mon Sep 17 00:00:00 2001
From: Arne Schauf <git@asw.io>
Date: Sat, 3 Mar 2018 19:30:49 +0100
Subject: animate route changes

---
 src/layouts/default.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src/layouts/default.vue')

diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index ffe9138..36c2635 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -34,9 +34,12 @@
 
     <q-page-container>
       <q-page padding>
-        <div class="flex row items-end reverse-wrap gutter">
+        <div class="flex row items-end reverse-wrap gutter-md">
           <div class="col">
-            <transition name="fadeIn">
+            <transition mode="out-in"
+                        duration="200"
+                        enter-active-class="animated fadeIn"
+                        leave-active-class="animated fadeOut">
               <router-view></router-view>
             </transition>
           </div>
-- 
cgit v1.2.3-54-g00ecf

