pleroma-fe

commit: 6fad01339cb3f8514429d03869a9c8ff2a343b02
parent: c9604eec9dd5d507a84d7e3de0365792e05a1d18
Author: Roger Braun <roger@rogerbraun.net>
Date:   Mon, 28 Nov 2016 14:35:21 +0100

Add some cheap transition anymation.

Diffstat:
M
src/App.scss
7
+++++++
M
src/App.vue
4
+++-

2 files changed, 10 insertions(+), 1 deletion(-)
diff --git a/src/App.scss b/src/App.scss
@@ -263,3 +263,10 @@ attention {
 nav {
     z-index: 1000;
 }
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity .2s
+}
+.fade-enter, .fade-leave-active {
+  opacity: 0
+}
diff --git a/src/App.vue b/src/App.vue
@@ -11,7 +11,9 @@
         <nav-panel></nav-panel>
         <notifications v-if="currentUser"></notifications>
       </sidebar>
-      <router-view></router-view>
+      <transition name="fade">
+        <router-view></router-view>
+      </transition>
     </div>
   </div>
 </template>