From 7d9276636928d8ac9ae352f36b373be88e2bbffd Mon Sep 17 00:00:00 2001
From: Adam Carpenter <atc@53hor.net>
Date: Fri, 1 May 2020 15:23:13 -0400
Subject: added filter dropdown next to search bar

---
 iridescence/src/components/InventorySearch.vue | 30 +++++++++++++++++++-------
 1 file changed, 22 insertions(+), 8 deletions(-)

(limited to 'iridescence/src/components/InventorySearch.vue')

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>
-- 
cgit v1.2.3

