summaryrefslogtreecommitdiff
path: root/iridescence
diff options
context:
space:
mode:
authorAdam Carpenter <atc@53hor.net>2020-05-01 15:23:13 -0400
committerAdam Carpenter <atc@53hor.net>2020-05-01 15:23:13 -0400
commit7d9276636928d8ac9ae352f36b373be88e2bbffd (patch)
treef3062f2f97579ae71082e640a8a2756a5c04e9d7 /iridescence
parentc499946400c775f311d52236d9d1fef3f19a68ff (diff)
downloadtheglassyladies-7d9276636928d8ac9ae352f36b373be88e2bbffd.tar.xz
theglassyladies-7d9276636928d8ac9ae352f36b373be88e2bbffd.zip
added filter dropdown next to search bar
Diffstat (limited to 'iridescence')
-rw-r--r--iridescence/src/components/InventorySearch.vue30
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>