From b4f049ecda3ab52a0bbce809f3969a41b015cf0a Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 29 Apr 2024 15:12:15 +0800
Subject: [PATCH] fix searchbar size

---
 src/layouts/components/SearchBar.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/layouts/components/SearchBar.vue b/src/layouts/components/SearchBar.vue
index 087142b9..60836ff7 100644
--- a/src/layouts/components/SearchBar.vue
+++ b/src/layouts/components/SearchBar.vue
@@ -3,7 +3,7 @@
 const router = useRouter()
 
 // 搜索词
-const searchWord = ref<string>('')
+const searchWord = ref(null)
 
 // 搜索弹窗
 const searchDialog = ref(false)
@@ -76,16 +76,16 @@ function openSearchDialog() {
     </VDialog>
   </div>
   <!-- 👉 Search Icon -->
-  <IconBtn class="d-lg-none" @click="openSearchDialog">
+  <IconBtn class="d-md-none" @click="openSearchDialog">
     <VIcon icon="mdi-magnify" />
   </IconBtn>
   <!-- 👉 Search Textfield -->
-  <span class="w-1/5">
+  <span class="w-full me-3">
     <VCombobox
       key="search_navbar"
       v-model="searchWord"
       :items="searchHintList"
-      class="d-none d-lg-block text-disabled search-box"
+      class="d-none d-md-block text-disabled search-box"
       density="compact"
       variant="solo"
       :prepend-inner-icon="searchType == 'person' ? 'mdi-account' : 'mdi-movie'"