diff options
Diffstat (limited to 'iridescence/src/components/admin/ProductEditCard.vue')
-rw-r--r-- | iridescence/src/components/admin/ProductEditCard.vue | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/iridescence/src/components/admin/ProductEditCard.vue b/iridescence/src/components/admin/ProductEditCard.vue index eb4958d..8d1eb3d 100644 --- a/iridescence/src/components/admin/ProductEditCard.vue +++ b/iridescence/src/components/admin/ProductEditCard.vue @@ -102,13 +102,18 @@ >{{ fileProgress }}%</progress > </div> - <div class="card-footer"> - <div class="card-footer-item" v-if="isDifferent && isValid"> - <button class="button is-primary is-fullwidth" @click="saveProduct"> - Save - </button> + <transition + enter-active-class="animate__animated animate__fadeIn" + leave-active-class="animate__animated animate__fadeOut" + > + <div class="card-footer" v-if="isDifferent && isValid"> + <div class="card-footer-item"> + <button class="button is-primary is-fullwidth" @click="saveProduct"> + Save + </button> + </div> </div> - </div> + </transition> </div> </div> </template> |