summaryrefslogtreecommitdiff
path: root/iridescence/src/components/cart/CartItem.vue
diff options
context:
space:
mode:
Diffstat (limited to 'iridescence/src/components/cart/CartItem.vue')
-rw-r--r--iridescence/src/components/cart/CartItem.vue21
1 files changed, 14 insertions, 7 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>