From 36cdb66d55f9e37794424888e8b59c7d7117cab8 Mon Sep 17 00:00:00 2001 From: Olga Bulat Date: Tue, 24 May 2022 14:50:31 +0300 Subject: [PATCH 1/2] Fix mobile homepage jumping Sets the min-height to the ClientOnly image row. Sets the searchbar height to fixed value, and use `h-full` in child components. --- .../VHeader/VSearchBar/VSearchBar.vue | 2 -- .../VHeader/VSearchBar/VSearchButton.vue | 19 +++++----------- src/components/VInputField/VInputField.vue | 3 ++- src/pages/index.vue | 22 +++++++++++++------ 4 files changed, 22 insertions(+), 24 deletions(-) diff --git a/src/components/VHeader/VSearchBar/VSearchBar.vue b/src/components/VHeader/VSearchBar/VSearchBar.vue index 24ce99025e..0eac0a3856 100644 --- a/src/components/VHeader/VSearchBar/VSearchBar.vue +++ b/src/components/VHeader/VSearchBar/VSearchBar.vue @@ -28,7 +28,6 @@ import { computed, defineComponent, PropType } from '@nuxtjs/composition-api' import { useMatchHomeRoute } from '~/composables/use-match-routes' - import { defineEvent } from '~/types/emits' import VInputField, { @@ -56,7 +55,6 @@ export default defineComponent({ size: { type: String as PropType, required: true, - validator: (v: string) => Object.keys(FIELD_SIZES).includes(v), }, placeholder: { type: String, diff --git a/src/components/VHeader/VSearchBar/VSearchButton.vue b/src/components/VHeader/VSearchBar/VSearchButton.vue index 538e96d8d7..373d52972e 100644 --- a/src/components/VHeader/VSearchBar/VSearchButton.vue +++ b/src/components/VHeader/VSearchBar/VSearchButton.vue @@ -25,35 +25,26 @@ -