wip: product filters

spa/src/views/Products.vue

@@ -1,6 +1,10 @@
 <template>
-  <div ref="goodsRef" class="safe-top">
-    <SearchInput/>
+  <div ref="goodsRef">
+    <div class="px-5 fixed z-50 w-full opacity-90" style="bottom: var(--tg-safe-area-inset-bottom);">
+      <div class="bg-base-300 flex justify-between p-2 rounded-xl shadow-md">
+        <SearchInput/>
+      </div>
+    </div>
     <ProductsList/>
   </div>
 </template>
@@ -11,6 +15,7 @@ import SearchInput from "@/components/SearchInput.vue";
 import {onMounted} from "vue";
 import {useRoute} from "vue-router";
 import {useProductsStore} from "@/stores/ProductsStore.js";
+import IconFunnel from "@/components/Icons/IconFunnel.vue";
 
 const route = useRoute();
 const productsStore = useProductsStore();