From c499946400c775f311d52236d9d1fef3f19a68ff Mon Sep 17 00:00:00 2001
From: Adam Carpenter <atc@53hor.net>
Date: Thu, 30 Apr 2020 21:31:30 -0400
Subject: moved search into InventorySearch and started work on filters;
 updated quantity display

---
 iridescence/src/views/Home.vue | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

(limited to 'iridescence/src/views/Home.vue')

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
   }
 };
-- 
cgit v1.2.3

