From 8806bb5f857502eec2ad9132757458d714fff442 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Tue, 4 Oct 2022 20:55:04 +0200
Subject: Add search

---
 pages/index.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'pages/index.vue')

diff --git a/pages/index.vue b/pages/index.vue
index 956e4f1..27c157a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,6 +2,17 @@
   .mx-auto.w-90p.py-6(class="sm:px-6 lg:px-8 md:max-w-7xl")
     model-loading(v-if="isLoading")
     section(v-else)
+      form.mb-5.flex(action="/search")
+        input.block.w-full.rounded-md.border-gray-300.border-1.px-2.py-1.mr-2(
+          name="q"
+          class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
+          placeholder="Type some text to find the best models..."
+        )
+        button.inline-flex.justify-center.rounded-md.border.border-transparent.bg-green-600.py-2.px-4.text-sm.font-medium.text-white.shadow-sm(
+          type="submit"
+          class="hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2"
+        )
+          | Explore
       .grid.grid-cols-1.gap-4(class="md:grid-cols-4")
         model-box-card(
           v-for="model in models"
-- 
cgit v1.2.3-18-g5258