From da43cd8d3be0e2d53d27d7cc924eb445a482abf3 Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Mon, 7 Dec 2020 22:07:36 -0500
Subject: cart finished for initial release, fixed annoying footer

---
 iridescence/src/components/cart/CartItem.vue | 103 ++++++++++++++-------------
 1 file changed, 53 insertions(+), 50 deletions(-)

(limited to 'iridescence/src/components/cart/CartItem.vue')

diff --git a/iridescence/src/components/cart/CartItem.vue b/iridescence/src/components/cart/CartItem.vue
index e31a109..c99d714 100644
--- a/iridescence/src/components/cart/CartItem.vue
+++ b/iridescence/src/components/cart/CartItem.vue
@@ -1,60 +1,63 @@
 <template>
-  <article class="media" id="cartItem">
-    <figure class="media-left">
-      <p class="image is-64x64">
-        <img :src="thumbnail" :title="product.name" />
-      </p>
-    </figure>
-    <div class="media-content">
-      <nav class="level">
-        <div class="level-left">
-          <div class="level-item">
-            <div class="content">
-              <strong>
-                <p>
-                  {{ product.name }}
-                </p>
-              </strong>
+  <div>
+    <hr />
+    <article class="media" id="cartItem">
+      <figure class="media-left">
+        <p class="image is-64x64">
+          <img :src="thumbnail" :title="product.name" />
+        </p>
+      </figure>
+      <div class="media-content">
+        <nav class="level">
+          <div class="level-left">
+            <div class="level-item">
+              <div class="content">
+                <strong>
+                  <p>
+                    {{ product.name }}
+                  </p>
+                </strong>
+              </div>
             </div>
           </div>
-        </div>
-        <div class="level-right">
-          <div class="level-item">Subtotal: {{ dollars }}</div>
-          <div class="level-item">
-            <div class="field has-addons">
-              <p class="control is-expanded">
-                <a class="button is-static is-fullwidth">
-                  {{ inCart }} in cart
-                </a>
-              </p>
-              <div class="control">
-                <a
-                  @click="incrementCartQuantity(-1)"
-                  class="button is-info is-outlined"
-                >
-                  -
-                </a>
-              </div>
-              <div class="control">
-                <a
-                  @click="incrementCartQuantity(1)"
-                  class="button is-info is-outlined"
-                >
-                  +
-                </a>
+          <div class="level-right">
+            <div class="level-item">Subtotal: {{ dollars }}</div>
+            <div class="level-item">
+              <div class="field has-addons">
+                <p class="control is-expanded">
+                  <a class="button is-static is-fullwidth">
+                    {{ inCart }} in cart
+                  </a>
+                </p>
+                <div class="control">
+                  <a
+                    @click="incrementCartQuantity(-1)"
+                    class="button is-info is-outlined"
+                  >
+                    -
+                  </a>
+                </div>
+                <div class="control">
+                  <a
+                    @click="incrementCartQuantity(1)"
+                    class="button is-info is-outlined"
+                  >
+                    +
+                  </a>
+                </div>
               </div>
             </div>
-          </div>
 
-          <div class="level-item">
-            <button class="button is-outlined is-danger" @click="removeAll">
-              Remove
-            </button>
+            <div class="level-item">
+              <button class="button is-outlined is-danger" @click="removeAll">
+                Remove
+              </button>
+            </div>
           </div>
-        </div>
-      </nav>
-    </div>
-  </article>
+        </nav>
+      </div>
+    </article>
+  </div>
 </template>
 
 <script>
-- 
cgit v1.2.3

