diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2020-12-07 22:07:36 -0500 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2020-12-07 22:07:36 -0500 |
| commit | da43cd8d3be0e2d53d27d7cc924eb445a482abf3 (patch) | |
| tree | cad48abfe92f93b137fff29d2365b9c3dc2a7b41 /iridescence/src/components/cart | |
| parent | d8d44376d193d925582a0a12373e1403df49cf63 (diff) | |
| download | theglassyladies-da43cd8d3be0e2d53d27d7cc924eb445a482abf3.tar.xz theglassyladies-da43cd8d3be0e2d53d27d7cc924eb445a482abf3.zip | |
cart finished for initial release, fixed annoying footer
Diffstat (limited to 'iridescence/src/components/cart')
| -rw-r--r-- | iridescence/src/components/cart/CartItem.vue | 103 | ||||
| -rw-r--r-- | iridescence/src/components/cart/Totals.vue | 8 |
2 files changed, 57 insertions, 54 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> diff --git a/iridescence/src/components/cart/Totals.vue b/iridescence/src/components/cart/Totals.vue index 7b95462..b679207 100644 --- a/iridescence/src/components/cart/Totals.vue +++ b/iridescence/src/components/cart/Totals.vue @@ -3,10 +3,10 @@ <h1 class="subtitle has-text-centered"> Summary </h1> - <h1 class="title has-text-centered"> - {{ cartTotal }} - </h1> - <router-link to="/checkout" class="button is-primary"> + <hr /> + + <h1 class="title has-text-centered">Total: {{ cartTotal }}</h1> + <router-link to="/checkout" class="button is-primary is-fullwidth"> Checkout </router-link> </div> |