summaryrefslogtreecommitdiff
path: root/iridescence/src/components
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/src/components
parent31b5e855053d43a4b79c877f7bcdc2576a59019a (diff)
downloadtheglassyladies-fd8e2b675ea453da46c87b1358fcebbf78930fa2.tar.xz
theglassyladies-fd8e2b675ea453da46c87b1358fcebbf78930fa2.zip
fixed inventory search/sort on mobile, added basic footer
Diffstat (limited to 'iridescence/src/components')
-rw-r--r--iridescence/src/components/Footer.vue17
-rw-r--r--iridescence/src/components/InventorySearch.vue11
2 files changed, 23 insertions, 5 deletions
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>