From ba965367090f183d62490c6a5e4d5ef5ea654dad Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Fri, 18 Dec 2020 17:09:30 -0500
Subject: icons everywhere, also finalized checkout form

---
 iridescence/src/components/cart/CartItem.vue | 21 ++++++++++++++-------
 iridescence/src/components/cart/Totals.vue   | 11 +++++++----
 2 files changed, 21 insertions(+), 11 deletions(-)

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

diff --git a/iridescence/src/components/cart/CartItem.vue b/iridescence/src/components/cart/CartItem.vue
index c99d714..0d26f4e 100644
--- a/iridescence/src/components/cart/CartItem.vue
+++ b/iridescence/src/components/cart/CartItem.vue
@@ -25,32 +25,39 @@
             <div class="level-item">
               <div class="field has-addons">
                 <p class="control is-expanded">
-                  <a class="button is-static is-fullwidth">
+                  <a class="button is-static is-fullwidth is-rounded">
                     {{ inCart }} in cart
                   </a>
                 </p>
                 <div class="control">
                   <a
                     @click="incrementCartQuantity(-1)"
-                    class="button is-info is-outlined"
+                    class="button is-info is-rounded"
                   >
-                    -
+                    <span
+                      class="iconify-inline"
+                      data-icon="mdi-cart-minus"
+                    ></span>
                   </a>
                 </div>
                 <div class="control">
                   <a
                     @click="incrementCartQuantity(1)"
-                    class="button is-info is-outlined"
+                    class="button is-info is-rounded"
                   >
-                    +
+                    <span
+                      class="iconify-inline"
+                      data-icon="mdi-cart-plus"
+                    ></span>
                   </a>
                 </div>
               </div>
             </div>
 
             <div class="level-item">
-              <button class="button is-outlined is-danger" @click="removeAll">
-                Remove
+              <button class="button is-danger is-rounded" @click="removeAll">
+                <span class="iconify-inline" data-icon="mdi-cart-remove"></span>
+                <span>Remove All</span>
               </button>
             </div>
           </div>
diff --git a/iridescence/src/components/cart/Totals.vue b/iridescence/src/components/cart/Totals.vue
index b679207..5c211ae 100644
--- a/iridescence/src/components/cart/Totals.vue
+++ b/iridescence/src/components/cart/Totals.vue
@@ -1,13 +1,16 @@
 <template>
   <div>
     <h1 class="subtitle has-text-centered">
-      Summary
+      Total
     </h1>
     <hr />
 
-    <h1 class="title has-text-centered">Total: {{ cartTotal }}</h1>
-    <router-link to="/checkout" class="button is-primary is-fullwidth">
-      Checkout
+    <h1 class="title has-text-centered">{{ cartTotal }}</h1>
+    <router-link
+      to="/checkout"
+      class="button is-success is-fullwidth is-rounded is-medium"
+    >
+      Checkout Now
     </router-link>
   </div>
 </template>
-- 
cgit v1.2.3