From 80519e6839c9e18ad46822f6394877d389023f91 Mon Sep 17 00:00:00 2001
From: zangse <zangse@live.com>
Date: Thu, 23 Jul 2026 06:05:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(mobile):=20=E4=BF=AE=E5=A4=8D=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=20TMDB=20=E6=90=9C=E7=B4=A2=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E4=B8=8D=E5=8F=AF=E8=A7=81=E5=8F=8A=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92=E9=97=AE=E9=A2=98=20(#576)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dialog/AddDownloadDialog.vue   |  1 +
 .../dialog/AddSubtitleDownloadDialog.vue      |  1 +
 src/components/dialog/ReorganizeDialog.vue    |  1 +
 src/components/dialog/ScrapeDialog.vue        |  1 +
 src/components/misc/MediaIdSelector.vue       | 27 ++++++++++---------
 src/styles/common.scss                        |  6 +++++
 6 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/src/components/dialog/AddDownloadDialog.vue b/src/components/dialog/AddDownloadDialog.vue
index 2e21c208..36d69c99 100644
--- a/src/components/dialog/AddDownloadDialog.vue
+++ b/src/components/dialog/AddDownloadDialog.vue
@@ -280,6 +280,7 @@ onMounted(() => {
           <VCol cols="12">
             <VTextField
               v-model="mediaId"
+              class="app-responsive-input--keep-append-action"
               :label="mediaIdLabel"
               :placeholder="t('dialog.reorganize.mediaIdPlaceholder')"
               :rules="[numberValidator]"
diff --git a/src/components/dialog/AddSubtitleDownloadDialog.vue b/src/components/dialog/AddSubtitleDownloadDialog.vue
index 0611765f..ff799176 100644
--- a/src/components/dialog/AddSubtitleDownloadDialog.vue
+++ b/src/components/dialog/AddSubtitleDownloadDialog.vue
@@ -232,6 +232,7 @@ onMounted(() => {
           <VCol cols="12">
             <VTextField
               v-model="mediaId"
+              class="app-responsive-input--keep-append-action"
               :label="mediaIdLabel"
               :placeholder="t('dialog.reorganize.mediaIdPlaceholder')"
               :rules="[numberValidator]"
diff --git a/src/components/dialog/ReorganizeDialog.vue b/src/components/dialog/ReorganizeDialog.vue
index 028a6e26..2693514d 100644
--- a/src/components/dialog/ReorganizeDialog.vue
+++ b/src/components/dialog/ReorganizeDialog.vue
@@ -1451,6 +1451,7 @@ onUnmounted(() => {
                   <VCol cols="12" md="4">
                     <VTextField
                       v-model="transferForm.media_id"
+                      class="app-responsive-input--keep-append-action"
                       :disabled="transferForm.type_name === ''"
                       :label="mediaIdLabel"
                       :placeholder="t('dialog.reorganize.mediaIdPlaceholder')"
diff --git a/src/components/dialog/ScrapeDialog.vue b/src/components/dialog/ScrapeDialog.vue
index df117716..9a48a89b 100644
--- a/src/components/dialog/ScrapeDialog.vue
+++ b/src/components/dialog/ScrapeDialog.vue
@@ -147,6 +147,7 @@ watch(mediaSource, () => {
           <VCol cols="12" md="4">
             <VTextField
               v-model="mediaId"
+              class="app-responsive-input--keep-append-action"
               :disabled="mediaType === ''"
               :label="mediaIdLabel"
               :placeholder="t('dialog.reorganize.mediaIdPlaceholder')"
diff --git a/src/components/misc/MediaIdSelector.vue b/src/components/misc/MediaIdSelector.vue
index f22865f0..da2ed51a 100644
--- a/src/components/misc/MediaIdSelector.vue
+++ b/src/components/misc/MediaIdSelector.vue
@@ -105,29 +105,32 @@ onMounted(() => {
 
 <template>
   <VCard class="mx-auto" width="100%">
-    <VToolbar flat class="p-0">
+    <VCardTitle class="d-flex align-center justify-space-between">
+      <span>{{ t('dialog.reorganize.mediaSearchInput') }}</span>
+      <VDialogCloseBtn
+        inner-class="static"
+        @click="
+          () => {
+            emit('close')
+          }
+        "
+      />
+    </VCardTitle>
+    <VCardText class="pt-0">
       <VTextField
         ref="inputKeyword"
         v-model="keyword"
-        :label="t('dialog.reorganize.mediaSearchInput')"
+        :mobile-layout="false"
         single-line
         :placeholder="t('dialog.reorganize.mediaSearchPlaceholder')"
         variant="solo"
-        prepend-inner-icon="mdi-magnify"
+        append-inner-icon="mdi-magnify"
         flat
-        class="mx-1"
         :loading="loading"
         @click:append-inner="searchMedias"
         @keydown.enter="searchMedias"
       />
-    </VToolbar>
-    <VDialogCloseBtn
-      @click="
-        () => {
-          emit('close')
-        }
-      "
-    />
+    </VCardText>
     <VDivider />
     <VList v-if="items.length > 0" lines="three">
       <template v-for="(item, i) in items" :key="i">
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 13157a97..bb374a2e 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -558,6 +558,12 @@ html[data-theme-radius='extra'] {
   display: none;
 }
 
+// 少数字段的内嵌图标承担了唯一的交互入口（如按名称搜索媒体编号），
+// 不是纯装饰，移动端也需要保留可点击。
+.app-responsive-input--keep-append-action .app-responsive-input__native .v-field__append-inner {
+  display: inline-flex;
+}
+
 .app-responsive-input--field .v-field,
 .app-responsive-input--multiline .v-field {
   border-radius: var(--app-control-radius) !important;