Update app.py

app.py

@@ -47,8 +47,25 @@ def find_best_matches(text):
     return matched_images
     
     
-#Gradio app     
-iface = gr.Interface(fn=find_best_matches, inputs=[gr.inputs.Textbox(lines=1, label="Text query", placeholder="Introduce the search text...",)],
-            theme = "dark",
-            outputs=gr.outputs.Carousel([gr.outputs.Image(type="pil")]),
-            enable_queue=True).launch()
+#Gradio app    
+with gr.Blocks() as demo:
+    with gr.Column(variant="panel"):
+        with gr.Row(variant="compact"):
+            text = gr.Textbox(
+                label="Search product",
+                show_label=False,
+                max_lines=1,
+                placeholder="Type product",
+            ).style(
+                container=False,
+            )
+            btn = gr.Button("Search").style(full_width=False)
+
+        gallery = gr.Gallery(
+            label="Products", show_label=False, elem_id="gallery"
+        ).style(grid=[2], height="auto")
+
+    btn.click(find_best_matches, None, gallery)
+
+
+demo.launch()