Add some cheap transition anymation.

This commit is contained in:
Roger Braun 2016-11-28 14:35:21 +01:00
parent c9604eec9d
commit 6fad01339c
2 changed files with 10 additions and 1 deletions

View File

@ -263,3 +263,10 @@ attention {
nav { nav {
z-index: 1000; z-index: 1000;
} }
.fade-enter-active, .fade-leave-active {
transition: opacity .2s
}
.fade-enter, .fade-leave-active {
opacity: 0
}

View File

@ -11,7 +11,9 @@
<nav-panel></nav-panel> <nav-panel></nav-panel>
<notifications v-if="currentUser"></notifications> <notifications v-if="currentUser"></notifications>
</sidebar> </sidebar>
<router-view></router-view> <transition name="fade">
<router-view></router-view>
</transition>
</div> </div>
</div> </div>
</template> </template>