summaryrefslogtreecommitdiff
path: root/iridescence
diff options
context:
space:
mode:
authorAdam Carpenter <atc@53hor.net>2020-05-01 15:49:40 -0400
committerAdam Carpenter <atc@53hor.net>2020-05-01 15:49:40 -0400
commitfd8e2b675ea453da46c87b1358fcebbf78930fa2 (patch)
treeb4cb0afbe15380bb7b281b4a7d3e48a1d9d0c6bc /iridescence
parent31b5e855053d43a4b79c877f7bcdc2576a59019a (diff)
downloadtheglassyladies-fd8e2b675ea453da46c87b1358fcebbf78930fa2.tar.xz
theglassyladies-fd8e2b675ea453da46c87b1358fcebbf78930fa2.zip
fixed inventory search/sort on mobile, added basic footer
Diffstat (limited to 'iridescence')
-rw-r--r--iridescence/src/App.vue5
-rw-r--r--iridescence/src/components/Footer.vue17
-rw-r--r--iridescence/src/components/InventorySearch.vue11
-rw-r--r--iridescence/src/views/Home.vue2
4 files changed, 28 insertions, 7 deletions
diff --git a/iridescence/src/App.vue b/iridescence/src/App.vue
index aee2f10..34aa1d9 100644
--- a/iridescence/src/App.vue
+++ b/iridescence/src/App.vue
@@ -2,16 +2,19 @@
<div id="app">
<Navbar></Navbar>
<router-view />
+ <Footer></Footer>
</div>
</template>
<script>
import Navbar from "@/components/Navbar.vue";
+import Footer from "@/components/Footer.vue";
export default {
name: "App",
components: {
- Navbar
+ Navbar,
+ Footer
}
};
</script>
diff --git a/iridescence/src/components/Footer.vue b/iridescence/src/components/Footer.vue
new file mode 100644
index 0000000..e124440
--- /dev/null
+++ b/iridescence/src/components/Footer.vue
@@ -0,0 +1,17 @@
+<template>
+ <div id="footer">
+ <footer class="footer">
+ <div class="content has-text-centered">
+ <p>
+ &copy; 2020 The Glassy Ladies, LLC
+ </p>
+ </div>
+ </footer>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "Footer"
+};
+</script>
diff --git a/iridescence/src/components/InventorySearch.vue b/iridescence/src/components/InventorySearch.vue
index 0e5b88f..e9da6f6 100644
--- a/iridescence/src/components/InventorySearch.vue
+++ b/iridescence/src/components/InventorySearch.vue
@@ -1,6 +1,6 @@
<template>
<div id="inventorySearch">
- <div class="field has-addons">
+ <div class="field is-grouped is-grouped-multiline">
<div class="control is-expanded">
<input
class="input is-primary is-medium"
@@ -14,10 +14,11 @@
<div class="control">
<div class="select is-primary is-medium">
<select>
- <option>Sort by Age (Oldest to Newest)</option>
- <option>Sort by Name</option>
- <option>Sort by Price (Low to High)</option>
- <option>Sort by Price (High to Low)</option>
+ <option>(Sort by...)</option>
+ <option>Age (Oldest to Newest)</option>
+ <option>Name</option>
+ <option>Price (Low to High)</option>
+ <option>Price (High to Low)</option>
</select>
</div>
</div>
diff --git a/iridescence/src/views/Home.vue b/iridescence/src/views/Home.vue
index b01b78d..93b6f33 100644
--- a/iridescence/src/views/Home.vue
+++ b/iridescence/src/views/Home.vue
@@ -37,7 +37,7 @@ export default {
components: {
InventoryList,
InventorySearch,
- InventoryFilter
+ InventoryFilter,
}
};
</script>