fixed resizing issues with edit boxes; switched from panels to cards

1 files changed, 27 insertions, 6 deletions

diff --git a/iridescence/src/components/admin/NewProductModal.vue b/iridescence/src/components/admin/NewProductModal.vue
index 228ee4c..8df0faa 100644
--- a/iridescence/src/components/admin/NewProductModal.vue
+++ b/iridescence/src/components/admin/NewProductModal.vue
@@ -1,24 +1,45 @@
 <template>
-  <div class="modal is-active" id="newProductModal">
+  <div class="modal " id="newProductModal">
     <div class="modal-background"></div>
     <div class="modal-card">
       <header class="modal-card-head">
-        <p class="modal-card-title">Modal title</p>
+        <p class="modal-card-title"></p>
         <button class="delete" aria-label="close"></button>
       </header>
       <section class="modal-card-body">
-        <!-- Content ... -->
+        <ProductEditCard v-bind:current-product="product"></ProductEditCard>
       </section>
       <footer class="modal-card-foot">
-        <button class="button is-success">Save changes</button>
-        <button class="button">Cancel</button>
+        <label class="checkbox">
+          <input type="checkbox" v-model="addAnother" />
+          Add Another?
+        </label>
       </footer>
     </div>
   </div>
 </template>
 
 <script>
+import ProductEditCard from "@/components/admin/ProductEditCard.vue";
 export default {
-  name: "NewProductModal"
+  name: "NewProductModal",
+  components: {
+    ProductEditCard
+  },
+  data: function() {
+    return {
+      product: {
+        id: 0,
+        name: "",
+        quantity: 0,
+        cents: 0,
+        imgPath: "",
+        description: "",
+        featured: false,
+        categories: []
+      },
+      addAnother: false
+    };
+  }
 };
 </script>