summaryrefslogtreecommitdiff
path: root/iridescence/src/views/Home.vue
diff options
context:
space:
mode:
authorAdam Carpenter <atc@53hor.net>2020-04-30 21:31:30 -0400
committerAdam Carpenter <atc@53hor.net>2020-04-30 21:31:30 -0400
commitc499946400c775f311d52236d9d1fef3f19a68ff (patch)
treeccff75f9679f3c23e4e9c7c3c04855e6be846adf /iridescence/src/views/Home.vue
parent9119c86ff94fd29086dfd342a616993f20fc5c75 (diff)
downloadtheglassyladies-c499946400c775f311d52236d9d1fef3f19a68ff.tar.xz
theglassyladies-c499946400c775f311d52236d9d1fef3f19a68ff.zip
moved search into InventorySearch and started work on filters; updated quantity display
Diffstat (limited to 'iridescence/src/views/Home.vue')
-rw-r--r--iridescence/src/views/Home.vue24
1 files changed, 21 insertions, 3 deletions
diff --git a/iridescence/src/views/Home.vue b/iridescence/src/views/Home.vue
index c4a2184..9272d90 100644
--- a/iridescence/src/views/Home.vue
+++ b/iridescence/src/views/Home.vue
@@ -3,20 +3,38 @@
allow users to sort, filter, and search for items and add them to their
cart. -->
- <div id="home">
- <InventoryFilter></InventoryFilter>
- <InventoryList></InventoryList>
+ <div id="home" class="container">
+ <div class="columns">
+ <div class="column is-narrow">
+ <section class="section">
+ <div class="box">
+ <InventoryFilter></InventoryFilter>
+ </div>
+ </section>
+ </div>
+
+ <div class="column">
+ <section class="section">
+ <InventorySearch></InventorySearch>
+ </section>
+ <section class="section">
+ <InventoryList></InventoryList>
+ </section>
+ </div>
+ </div>
</div>
</template>
<script>
import InventoryList from "@/components/InventoryList.vue";
import InventoryFilter from "@/components/InventoryFilter.vue";
+import InventorySearch from "@/components/InventorySearch.vue";
export default {
name: "Home",
components: {
InventoryList,
+ InventorySearch,
InventoryFilter
}
};