diff options
Diffstat (limited to 'iridescence/src/components')
| -rw-r--r-- | iridescence/src/components/Footer.vue | 17 | ||||
| -rw-r--r-- | iridescence/src/components/InventorySearch.vue | 11 |
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> + © 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> |