diff options
Diffstat (limited to 'iridescence/src/components/admin')
| -rw-r--r-- | iridescence/src/components/admin/NewProduct.vue | 27 | ||||
| -rw-r--r-- | iridescence/src/components/admin/ProductEditCard.vue | 17 |
2 files changed, 22 insertions, 22 deletions
diff --git a/iridescence/src/components/admin/NewProduct.vue b/iridescence/src/components/admin/NewProduct.vue index 1cc43cd..8c45f0b 100644 --- a/iridescence/src/components/admin/NewProduct.vue +++ b/iridescence/src/components/admin/NewProduct.vue @@ -3,20 +3,15 @@ <button class="button is-primary" @click="toggleModal"> + Add New </button> - <div class="modal is-active" v-if="modalEnabled"> - <transition - name="modalTransition" - enter-active-class="animate__animated animate__animate__fadeIn animate__faster" - leave-active-class="animate__animated animate__animate__fadeOut animate__faster" - > - <div class="modal-background" v-if="modalEnabled"></div> - </transition> - <transition - name="cardTransition" - enter-active-class="animate__animated animate__fadeInDownBig animate__faster" - leave-active-class="animate__animated animate__animate__fadeOut animate__faster" - > - <div class="modal-card" v-if="modalEnabled"> + <transition + enter-active-class="animate__animated animate__fadeIn animate__faster" + leave-active-class="animate__animated animate__fadeOut animate__faster" + > + <div class="modal is-active" v-if="modalEnabled"> + <div class="modal-background"></div> + <div + class="modal-card animate__animated animate__slideInDown animate__faster" + > <header class="modal-card-head"> <p class="modal-card-title">Add a new product</p> <button class="delete" @click="toggleModal"></button> @@ -26,8 +21,8 @@ </section> <footer class="modal-card-foot"></footer> </div> - </transition> - </div> + </div> + </transition> </div> </template> 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> |