From 8a8aae4763e575cfdb268dc602a0cebd9581f138 Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Sat, 3 Oct 2020 12:31:25 -0400
Subject: started data uri parsing with dichroism

---
 iridescence/src/components/admin/NewProduct.vue | 27 ++++++++++---------------
 1 file changed, 11 insertions(+), 16 deletions(-)

(limited to 'iridescence/src/components/admin/NewProduct.vue')

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>
 
-- 
cgit v1.2.3