summaryrefslogtreecommitdiff
path: root/iridescence/src/components/cart/CartItem.vue
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-12-07 22:07:36 -0500
committerAdam T. Carpenter <atc@53hor.net>2020-12-07 22:07:36 -0500
commitda43cd8d3be0e2d53d27d7cc924eb445a482abf3 (patch)
treecad48abfe92f93b137fff29d2365b9c3dc2a7b41 /iridescence/src/components/cart/CartItem.vue
parentd8d44376d193d925582a0a12373e1403df49cf63 (diff)
downloadtheglassyladies-da43cd8d3be0e2d53d27d7cc924eb445a482abf3.tar.xz
theglassyladies-da43cd8d3be0e2d53d27d7cc924eb445a482abf3.zip
cart finished for initial release, fixed annoying footer
Diffstat (limited to 'iridescence/src/components/cart/CartItem.vue')
-rw-r--r--iridescence/src/components/cart/CartItem.vue103
1 files changed, 53 insertions, 50 deletions
diff --git a/iridescence/src/components/cart/CartItem.vue b/iridescence/src/components/cart/CartItem.vue
index e31a109..c99d714 100644
--- a/iridescence/src/components/cart/CartItem.vue
+++ b/iridescence/src/components/cart/CartItem.vue
@@ -1,60 +1,63 @@
<template>
- <article class="media" id="cartItem">
- <figure class="media-left">
- <p class="image is-64x64">
- <img :src="thumbnail" :title="product.name" />
- </p>
- </figure>
- <div class="media-content">
- <nav class="level">
- <div class="level-left">
- <div class="level-item">
- <div class="content">
- <strong>
- <p>
- {{ product.name }}
- </p>
- </strong>
+ <div>
+ <hr />
+ <article class="media" id="cartItem">
+ <figure class="media-left">
+ <p class="image is-64x64">
+ <img :src="thumbnail" :title="product.name" />
+ </p>
+ </figure>
+ <div class="media-content">
+ <nav class="level">
+ <div class="level-left">
+ <div class="level-item">
+ <div class="content">
+ <strong>
+ <p>
+ {{ product.name }}
+ </p>
+ </strong>
+ </div>
</div>
</div>
- </div>
- <div class="level-right">
- <div class="level-item">Subtotal: {{ dollars }}</div>
- <div class="level-item">
- <div class="field has-addons">
- <p class="control is-expanded">
- <a class="button is-static is-fullwidth">
- {{ inCart }} in cart
- </a>
- </p>
- <div class="control">
- <a
- @click="incrementCartQuantity(-1)"
- class="button is-info is-outlined"
- >
- -
- </a>
- </div>
- <div class="control">
- <a
- @click="incrementCartQuantity(1)"
- class="button is-info is-outlined"
- >
- +
- </a>
+ <div class="level-right">
+ <div class="level-item">Subtotal: {{ dollars }}</div>
+ <div class="level-item">
+ <div class="field has-addons">
+ <p class="control is-expanded">
+ <a class="button is-static is-fullwidth">
+ {{ inCart }} in cart
+ </a>
+ </p>
+ <div class="control">
+ <a
+ @click="incrementCartQuantity(-1)"
+ class="button is-info is-outlined"
+ >
+ -
+ </a>
+ </div>
+ <div class="control">
+ <a
+ @click="incrementCartQuantity(1)"
+ class="button is-info is-outlined"
+ >
+ +
+ </a>
+ </div>
</div>
</div>
- </div>
- <div class="level-item">
- <button class="button is-outlined is-danger" @click="removeAll">
- Remove
- </button>
+ <div class="level-item">
+ <button class="button is-outlined is-danger" @click="removeAll">
+ Remove
+ </button>
+ </div>
</div>
- </div>
- </nav>
- </div>
- </article>
+ </nav>
+ </div>
+ </article>
+ </div>
</template>
<script>