diff options
Diffstat (limited to 'iridescence/src/components/ProductDetail.vue')
| -rw-r--r-- | iridescence/src/components/ProductDetail.vue | 25 |
1 files changed, 18 insertions, 7 deletions
diff --git a/iridescence/src/components/ProductDetail.vue b/iridescence/src/components/ProductDetail.vue index 430d78b..6aeb68c 100644 --- a/iridescence/src/components/ProductDetail.vue +++ b/iridescence/src/components/ProductDetail.vue @@ -38,33 +38,44 @@ <p class="subtitle">{{ stock }}</p> <div v-if="inCart" 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 is-medium" + > {{ inCart }} in cart </a> </p> <div class="control"> <a @click="incrementCartQuantity(-1)" - class="button is-info is-outlined" + class="button is-info is-medium" > - - + <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 is-medium" > - + + <span + class="iconify-inline" + data-icon="mdi-cart-plus" + ></span> </a> </div> </div> <button v-else @click="incrementCartQuantity(1)" - class="button is-primary is-fullwidth" + class="button is-success is-fullwidth is-rounded is-medium" > - Add to Cart + <span + class="iconify-inline" + data-icon="mdi-cart-arrow-down" + ></span> </button> </div> </div> |