summaryrefslogtreecommitdiff
path: root/iridescence/src/components/ProductDetail.vue
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-12-18 17:09:30 -0500
committerAdam T. Carpenter <atc@53hor.net>2020-12-18 17:09:30 -0500
commitba965367090f183d62490c6a5e4d5ef5ea654dad (patch)
tree600a5760ea6ff8ac2af85bfbdd6b16bf7b2deef3 /iridescence/src/components/ProductDetail.vue
parentc6a15597b65f303a52b4d3d55fef79583b8ff9be (diff)
downloadtheglassyladies-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.vue25
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>