fix https://github.com/jxxghp/MoviePilot-Frontend/issues/326

package.json

@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "private": true,
   "bin": "dist/service.js",
   "scripts": {

src/components/cards/MediaCard.vue

@@ -334,10 +334,14 @@ function goMediaDetail(isHovering = false) {
 // 点击搜索
 async function clickSearch() {
   if (allSites.value?.length == 0) {
-    querySites()
-    querySelectedSites()
+    await querySites()
+    await querySelectedSites()
+  }
+  if (allSites.value?.length > 0) {
+    chooseSiteDialog.value = true
+  } else {
+    handleSearch()
   }
-  chooseSiteDialog.value = true
 }
 
 // 开始搜索

src/components/dialog/SearchSiteDialog.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import type { Site, Plugin, Subscribe } from '@/api/types'
-import { popScopeId, PropType } from 'vue'
+import type { Site } from '@/api/types'
 
 const props = defineProps({
   sites: {
@@ -63,14 +62,14 @@ const filteredSites = computed(() => {
           variant="outlined"
           hide-details
           class="ml-4"
-          style="max-width: 200px"
+          style="max-inline-size: 200px"
           prepend-inner-icon="mdi-magnify"
           clearable
         />
       </VCardTitle>
       <VDivider class="search-divider" />
 
-      <VCardText style="max-height: 420px" class="overflow-y-auto px-4 py-4">
+      <VCardText style="max-block-size: 420px" class="overflow-y-auto px-4 py-4">
         <!-- 站点列表 -->
         <div v-if="filteredSites.length > 0">
           <!-- 选择操作 -->
@@ -186,9 +185,9 @@ const filteredSites = computed(() => {
 </template>
 <style scoped>
 .site-checkbox-wrapper {
+  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
   cursor: pointer;
   transition: transform 0.2s ease, background-color 0.2s ease;
-  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
 }
 
 .site-checkbox-wrapper:hover {
@@ -196,15 +195,15 @@ const filteredSites = computed(() => {
 }
 
 .site-name {
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .site-selected {
+  border-color: rgba(var(--v-theme-primary), 0.2);
   background-color: rgba(var(--v-theme-primary), 0.08);
   color: rgb(var(--v-theme-primary));
-  border-color: rgba(var(--v-theme-primary), 0.2);
 }
 
 .site-hover {

src/views/discover/MediaDetailView.vue

@@ -507,10 +507,14 @@ function onSubscribeEditRemove() {
 async function clickSearch(type: string) {
   searchType.value = type
   if (allSites.value?.length == 0) {
-    querySites()
-    querySelectedSites()
+    await querySites()
+    await querySelectedSites()
+  }
+  if (allSites.value?.length > 0) {
+    chooseSiteDialog.value = true
+  } else {
+    handleSearch()
   }
-  chooseSiteDialog.value = true
 }
 
 // 搜索多站点