diff options
| author | Adam Carpenter <atc@53hor.net> | 2020-05-01 15:23:13 -0400 |
|---|---|---|
| committer | Adam Carpenter <atc@53hor.net> | 2020-05-01 15:23:13 -0400 |
| commit | 7d9276636928d8ac9ae352f36b373be88e2bbffd (patch) | |
| tree | f3062f2f97579ae71082e640a8a2756a5c04e9d7 | |
| parent | c499946400c775f311d52236d9d1fef3f19a68ff (diff) | |
| download | theglassyladies-7d9276636928d8ac9ae352f36b373be88e2bbffd.tar.xz theglassyladies-7d9276636928d8ac9ae352f36b373be88e2bbffd.zip | |
added filter dropdown next to search bar
| -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> |