diff options
| author | Santo Cariotti <santo@dcariotti.me> | 2022-10-04 20:55:04 +0200 |
|---|---|---|
| committer | Santo Cariotti <santo@dcariotti.me> | 2022-10-04 20:55:04 +0200 |
| commit | 8806bb5f857502eec2ad9132757458d714fff442 (patch) | |
| tree | 1e182e6fc7a857da1c6a6efafc7ffc4572c5711a /pages/index.vue | |
| parent | c593fb22ac9c572a6f65306424ece315d0809836 (diff) | |
Add search
Diffstat (limited to 'pages/index.vue')
| -rw-r--r-- | pages/index.vue | 11 |
1 files changed, 11 insertions, 0 deletions
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" |