summaryrefslogtreecommitdiff
path: root/iridescence/src/components/cart
diff options
context:
space:
mode:
Diffstat (limited to 'iridescence/src/components/cart')
-rw-r--r--iridescence/src/components/cart/CartItem.vue39
1 files changed, 39 insertions, 0 deletions
diff --git a/iridescence/src/components/cart/CartItem.vue b/iridescence/src/components/cart/CartItem.vue
new file mode 100644
index 0000000..8c2de16
--- /dev/null
+++ b/iridescence/src/components/cart/CartItem.vue
@@ -0,0 +1,39 @@
+<template>
+ <section class="section" id="cartItem">
+ <div class="media">
+ <figure class="media-left image is-square">
+ <img :src="thumbnail" :title="name" />
+ </figure>
+ <div class="media-content">
+ <div class="field">
+ <p class="control">
+ <textarea
+ class="textarea"
+ placeholder="Add a comment..."
+ ></textarea>
+ </p>
+ </div>
+ <nav class="level">
+ <div class="level-left">
+ <div class="level-item">
+ <a class="button is-info">Submit</a>
+ </div>
+ </div>
+ <div class="level-right">
+ <div class="level-item">
+ <label class="checkbox">
+ <input type="checkbox" /> Press enter to submit
+ </label>
+ </div>
+ </div>
+ </nav>
+ </div>
+ </div>
+ </section>
+</template>
+
+<script>
+export default {
+ name: "CartItem"
+};
+</script>