diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2020-10-03 12:31:25 -0400 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2020-10-03 12:31:25 -0400 |
| commit | 8a8aae4763e575cfdb268dc602a0cebd9581f138 (patch) | |
| tree | 37199155205da6959259c1c6782db0cab19129d1 /iridescence/src/components/admin/NewProduct.vue | |
| parent | db09b5a6fa8dd8c0039ec97a4864420e3f38e4ee (diff) | |
| download | theglassyladies-8a8aae4763e575cfdb268dc602a0cebd9581f138.tar.xz theglassyladies-8a8aae4763e575cfdb268dc602a0cebd9581f138.zip | |
started data uri parsing with dichroism
Diffstat (limited to 'iridescence/src/components/admin/NewProduct.vue')
| -rw-r--r-- | iridescence/src/components/admin/NewProduct.vue | 27 |
1 files changed, 11 insertions, 16 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> |