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/ProductDetail.vue | |
| parent | c6a15597b65f303a52b4d3d55fef79583b8ff9be (diff) | |
| download | theglassyladies-ba965367090f183d62490c6a5e4d5ef5ea654dad.tar.xz theglassyladies-ba965367090f183d62490c6a5e4d5ef5ea654dad.zip | |
icons everywhere, also finalized checkout form
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> |