diff options
| -rw-r--r-- | iridescence/src/components/InventorySearch.vue | 30 |
1 files changed, 22 insertions, 8 deletions
diff --git a/iridescence/src/components/InventorySearch.vue b/iridescence/src/components/InventorySearch.vue index fbcaabb..320a774 100644 --- a/iridescence/src/components/InventorySearch.vue +++ b/iridescence/src/components/InventorySearch.vue @@ -1,13 +1,27 @@ <template> <div id="inventorySearch"> - <input - class="input is-primary is-medium" - type="text" - placeholder="Find something in particular..." - v-model.trim="term" - @input="updateSearch" - autofocus - /> + <div class="field has-addons"> + <div class="control is-expanded"> + <input + class="input is-primary is-medium" + type="text" + placeholder="Find something in particular..." + v-model.trim="term" + @input="updateSearch" + autofocus + /> + </div> + <div class="control"> + <div class="select is-primary is-medium"> + <select> + <option></option> + <option>Sort by Name</option> + <option>Sort by Price (Low to High)</option> + <option>Sort by Price (High to Low)</option> + </select> + </div> + </div> + </div> <content class="has-text-centered" v-if="noResults"> <p>We couldn't find anything like that...</p> </content> |