fix animations

This commit is contained in:
Henry Jameson 2022-03-23 15:53:36 +02:00
parent 322ec8681a
commit d690b88c1c
2 changed files with 16 additions and 18 deletions

View file

@ -572,7 +572,7 @@ nav {
.fade-enter-active, .fade-leave-active { .fade-enter-active, .fade-leave-active {
transition: opacity .2s transition: opacity .2s
} }
.fade-enter, .fade-leave-active { .fade-enter-from, .fade-leave-active {
opacity: 0 opacity: 0
} }

View file

@ -11,24 +11,22 @@
{{ $t('settings.settings') }} {{ $t('settings.settings') }}
</span> </span>
<transition name="fade"> <transition name="fade">
<div> <div v-if="currentSaveStateNotice">
<template v-if="currentSaveStateNotice"> <div
<div v-if="currentSaveStateNotice.error"
v-if="currentSaveStateNotice.error" class="alert error"
class="alert error" @click.prevent
@click.prevent >
> {{ $t('settings.saving_err') }}
{{ $t('settings.saving_err') }} </div>
</div>
<div <div
v-if="!currentSaveStateNotice.error" v-if="!currentSaveStateNotice.error"
class="alert transparent" class="alert transparent"
@click.prevent @click.prevent
> >
{{ $t('settings.saving_ok') }} {{ $t('settings.saving_ok') }}
</div> </div>
</template>
</div> </div>
</transition> </transition>
<button <button