summaryrefslogtreecommitdiff
path: root/iridescence/src/components/admin
diff options
context:
space:
mode:
Diffstat (limited to 'iridescence/src/components/admin')
-rw-r--r--iridescence/src/components/admin/NewProduct.vue27
-rw-r--r--iridescence/src/components/admin/ProductEditCard.vue17
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>