summaryrefslogtreecommitdiff
path: root/iridescence/src/components/InventorySearch.vue
diff options
context:
space:
mode:
Diffstat (limited to 'iridescence/src/components/InventorySearch.vue')
-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>