diff options
| author | Henry Jameson <me@hjkos.com> | 2022-03-23 15:53:36 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-03-23 15:53:36 +0200 |
| commit | d690b88c1c240f0f05062051b8e852f626dd4b9d (patch) | |
| tree | cbded1bb6c8b3dcfe089f38dbaef301c671a5299 /src | |
| parent | 322ec8681a2fef8f789c0f5cf09c8bbe3689fca4 (diff) | |
fix animations
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.scss | 2 | ||||
| -rw-r--r-- | src/components/settings_modal/settings_modal.vue | 32 |
2 files changed, 16 insertions, 18 deletions
diff --git a/src/App.scss b/src/App.scss index bc027f4f..180c0daf 100644 --- a/src/App.scss +++ b/src/App.scss @@ -572,7 +572,7 @@ nav { .fade-enter-active, .fade-leave-active { transition: opacity .2s } -.fade-enter, .fade-leave-active { +.fade-enter-from, .fade-leave-active { opacity: 0 } diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue index 18b151f4..fd4953d7 100644 --- a/src/components/settings_modal/settings_modal.vue +++ b/src/components/settings_modal/settings_modal.vue @@ -11,24 +11,22 @@ {{ $t('settings.settings') }} </span> <transition name="fade"> - <div> - <template v-if="currentSaveStateNotice"> - <div - v-if="currentSaveStateNotice.error" - class="alert error" - @click.prevent - > - {{ $t('settings.saving_err') }} - </div> + <div v-if="currentSaveStateNotice"> + <div + v-if="currentSaveStateNotice.error" + class="alert error" + @click.prevent + > + {{ $t('settings.saving_err') }} + </div> - <div - v-if="!currentSaveStateNotice.error" - class="alert transparent" - @click.prevent - > - {{ $t('settings.saving_ok') }} - </div> - </template> + <div + v-if="!currentSaveStateNotice.error" + class="alert transparent" + @click.prevent + > + {{ $t('settings.saving_ok') }} + </div> </div> </transition> <button |