diff options
| author | Adam Carpenter <atc@53hor.net> | 2020-04-30 21:31:30 -0400 |
|---|---|---|
| committer | Adam Carpenter <atc@53hor.net> | 2020-04-30 21:31:30 -0400 |
| commit | c499946400c775f311d52236d9d1fef3f19a68ff (patch) | |
| tree | ccff75f9679f3c23e4e9c7c3c04855e6be846adf /iridescence/src/views | |
| parent | 9119c86ff94fd29086dfd342a616993f20fc5c75 (diff) | |
| download | theglassyladies-c499946400c775f311d52236d9d1fef3f19a68ff.tar.xz theglassyladies-c499946400c775f311d52236d9d1fef3f19a68ff.zip | |
moved search into InventorySearch and started work on filters; updated quantity display
Diffstat (limited to 'iridescence/src/views')
| -rw-r--r-- | iridescence/src/views/Home.vue | 24 |
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 } }; |