From 45eee811c1751aa509c42c0d4ddbb6b8b5270ca9 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 22 Apr 2025 17:25:18 +0800
Subject: [PATCH] fix https://github.com/jxxghp/MoviePilot-Frontend/issues/326

---
 package.json                               |  2 +-
 src/components/cards/MediaCard.vue         | 10 +++++++---
 src/components/dialog/SearchSiteDialog.vue | 13 ++++++-------
 src/views/discover/MediaDetailView.vue     | 10 +++++++---
 4 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 881e3876..558b7e75 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "private": true,
   "bin": "dist/service.js",
   "scripts": {
diff --git a/src/components/cards/MediaCard.vue b/src/components/cards/MediaCard.vue
index a9c5a62a..25fa701d 100644
--- a/src/components/cards/MediaCard.vue
+++ b/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
 }
 
 // 开始搜索
diff --git a/src/components/dialog/SearchSiteDialog.vue b/src/components/dialog/SearchSiteDialog.vue
index 66d0f124..794a9410 100644
--- a/src/components/dialog/SearchSiteDialog.vue
+++ b/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 {
diff --git a/src/views/discover/MediaDetailView.vue b/src/views/discover/MediaDetailView.vue
index 414f2acf..5ff14979 100644
--- a/src/views/discover/MediaDetailView.vue
+++ b/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
 }
 
 // 搜索多站点