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 +++++++++-------------
 .../src/components/admin/ProductEditCard.vue       | 17 +++++++++-----
 2 files changed, 22 insertions(+), 22 deletions(-)

(limited to 'iridescence/src/components/admin')

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