diff --git a/components/app/TInputIcon.vue b/components/app/TInputIcon.vue index 732ecff754b3085684d171af8ca438cf6fcbd0d4..69ab420a9c8d49095eaf7ba419cb94846e01d800 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 9495136ba2dccf78b9b16490a75a7d261c65f24c..17a2cf65a354504fab8e1674a34c7b95a173732b 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 fe75725dd98294be5a2ed6be46d975cce2e38fd9..ee53c3037299b046e2cf2ea47beb881858696fec 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"