From 8806bb5f857502eec2ad9132757458d714fff442 Mon Sep 17 00:00:00 2001 From: Santo Cariotti Date: Tue, 4 Oct 2022 20:55:04 +0200 Subject: Add search --- pages/index.vue | 11 ++++++++++ pages/search.vue | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/settings.vue | 3 +++ 3 files changed, 73 insertions(+) create mode 100644 pages/search.vue (limited to 'pages') 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" diff --git a/pages/search.vue b/pages/search.vue new file mode 100644 index 0000000..1c09e3b --- /dev/null +++ b/pages/search.vue @@ -0,0 +1,59 @@ + + + diff --git a/pages/settings.vue b/pages/settings.vue index aeaafa4..5a74ced 100644 --- a/pages/settings.vue +++ b/pages/settings.vue @@ -92,6 +92,9 @@ export default { ...mapGetters(["isLoading"]), ...mapGetters("auth", ["isLogged", "me"]), }, + head: { + title: "Settings · Verden", + }, data() { return { form: {}, -- cgit v1.2.3-18-g5258