From 52bb312a18c2e8651dbb1c444db7660f49aefb04 Mon Sep 17 00:00:00 2001
From: ManUtopiK <emmanuel.salomon@gmail.com>
Date: Wed, 22 Sep 2021 15:01:13 +0200
Subject: [PATCH] refactoring: move home search input
---
components/app/TInputIcon.vue | 2 +-
.../HomeSearchInput.vue} | 33 +++++++++++--------
pages/index.vue | 6 +---
3 files changed, 21 insertions(+), 20 deletions(-)
rename components/{app/AppGlobalSearchInput.vue => home/HomeSearchInput.vue} (89%)
diff --git a/components/app/TInputIcon.vue b/components/app/TInputIcon.vue
index 732ecff7..69ab420a 100644
--- a/components/app/TInputIcon.vue
+++ b/components/app/TInputIcon.vue
@@ -9,7 +9,7 @@
v-on="$listeners"
/>
<div
- class="absolute flex items-center ml-3 bottom-0 top-0"
+ class="absolute flex items-center bottom-0 top-0 ml-4"
:class="iconWrapperClass"
>
<fa slot="icon" :icon="icon" :class="iconClass" />
diff --git a/components/app/AppGlobalSearchInput.vue b/components/home/HomeSearchInput.vue
similarity index 89%
rename from components/app/AppGlobalSearchInput.vue
rename to components/home/HomeSearchInput.vue
index 9495136b..17a2cf65 100644
--- a/components/app/AppGlobalSearchInput.vue
+++ b/components/home/HomeSearchInput.vue
@@ -1,19 +1,24 @@
<template>
- <div class="flex justify-evenly">
- <TInputIcon
- ref="search"
- v-model="query"
- type="search"
- :placeholder="placeholder"
- class="w-full"
- :input-class="inputClass"
- icon="search"
- :icon-class="iconClass"
- @keyup.enter="search()"
- />
+ <section class="bg-gray-100 dark:bg-gray-800">
+ <div class="container py-12 relative prose">
+ <div class="flex justify-evenly">
+ <TInputIcon
+ ref="search"
+ v-model="query"
+ type="search"
+ :placeholder="placeholder"
+ class="w-full"
+ :input-class="inputClass"
+ icon="search"
+ :icon-class="iconClass"
+ icon-wrapper-class="top-0.5"
+ @keyup.enter="search()"
+ />
- <t-button :class="buttonClass" :text="$t('search')" @click="search()" />
- </div>
+ <t-button :class="buttonClass" :text="$t('search')" @click="search()" />
+ </div>
+ </div>
+ </section>
</template>
<script>
diff --git a/pages/index.vue b/pages/index.vue
index fe75725d..ee53c303 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -4,11 +4,7 @@
<AppFlatPlan class="container mb-12" plan="ui/main-flatplan" />
- <section class="bg-gray-100 dark:bg-gray-800">
- <div class="container py-12 relative prose">
- <AppGlobalSearchInput />
- </div>
- </section>
+ <HomeSearchInput />
<nuxt-content
class="container my-12 prose dark:prose-dark"
--
GitLab