summaryrefslogtreecommitdiff
path: root/iridescence/src/views
diff options
context:
space:
mode:
Diffstat (limited to 'iridescence/src/views')
-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
}
};