diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2020-12-18 17:09:30 -0500 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2020-12-18 17:09:30 -0500 |
| commit | ba965367090f183d62490c6a5e4d5ef5ea654dad (patch) | |
| tree | 600a5760ea6ff8ac2af85bfbdd6b16bf7b2deef3 /iridescence/src/components/cart | |
| parent | c6a15597b65f303a52b4d3d55fef79583b8ff9be (diff) | |
| download | theglassyladies-ba965367090f183d62490c6a5e4d5ef5ea654dad.tar.xz theglassyladies-ba965367090f183d62490c6a5e4d5ef5ea654dad.zip | |
icons everywhere, also finalized checkout form
Diffstat (limited to 'iridescence/src/components/cart')
| -rw-r--r-- | iridescence/src/components/cart/CartItem.vue | 21 | ||||
| -rw-r--r-- | iridescence/src/components/cart/Totals.vue | 11 |
2 files changed, 21 insertions, 11 deletions
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> |