From 4e692b8667e3c26d27d766b4b6fbb3eea1c8ad9b Mon Sep 17 00:00:00 2001
From: ssongliu <sloooop1x@gmail.com>
Date: Thu, 21 May 2026 11:25:37 +0800
Subject: [PATCH] fix: adjust file search layout (#12797)

---
 .../system-upgrade/upgrade/index.vue          |  2 +-
 .../src/views/host/file-management/index.vue  | 43 ++++++++++---------
 2 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/frontend/src/components/system-upgrade/upgrade/index.vue b/frontend/src/components/system-upgrade/upgrade/index.vue
index bccc9df87..6f2ea435c 100644
--- a/frontend/src/components/system-upgrade/upgrade/index.vue
+++ b/frontend/src/components/system-upgrade/upgrade/index.vue
@@ -1,7 +1,7 @@
 <template>
     <DrawerPro v-model="drawerVisible" :header="$t('commons.button.upgrade')" @close="handleClose" size="large">
         <div class="panel-MdEditor">
-            <div class="default-theme" style="margin-left: 20px">
+            <div class="default-theme">
                 <h2 class="inline-block">{{ $t('app.version') }}</h2>
             </div>
             <el-radio-group class="inline-block tag" v-model="upgradeVersion" @change="changeOption">
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index f5ddc5b52..6969b6819 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -204,6 +204,28 @@
                             </div>
                         </div>
                     </div>
+                    <div class="flex w-full flex-wrap items-center justify-start gap-2 xl:w-auto xl:flex-nowrap">
+                        <div class="w-full min-w-0 sm:w-[300px]">
+                            <el-input
+                                v-model="req.search"
+                                @clear="search()"
+                                @keydown.enter="search()"
+                                :placeholder="$t('file.search')"
+                            >
+                                <template #prepend>
+                                    <el-checkbox v-model="req.containSub">
+                                        {{ $t('file.sub') }}
+                                    </el-checkbox>
+                                </template>
+                                <template #append>
+                                    <el-button icon="Search" @click="search" round />
+                                </template>
+                            </el-input>
+                        </div>
+                        <el-button v-permission class="max-w-20" plain type="primary" @click="openAiSearchDrawer">
+                            {{ $t('file.aiSearch') }}
+                        </el-button>
+                    </div>
                 </div>
                 <LayoutContent class="file-layout" :title="$t('menu.files')" v-loading="loading">
                     <template #prompt>
@@ -488,27 +510,6 @@
                                     popper-class="popper-class"
                                     :only-icon="true"
                                 />
-                                <div class="w-80">
-                                    <el-input
-                                        v-model="req.search"
-                                        clearable
-                                        @clear="search()"
-                                        @keydown.enter="search()"
-                                        :placeholder="$t('file.search')"
-                                    >
-                                        <template #prepend>
-                                            <el-checkbox v-model="req.containSub">
-                                                {{ $t('file.sub') }}
-                                            </el-checkbox>
-                                        </template>
-                                        <template #append>
-                                            <el-button icon="Search" @click="search" round />
-                                        </template>
-                                    </el-input>
-                                </div>
-                                <el-button v-permission plain type="primary" @click="openAiSearchDrawer">
-                                    {{ $t('file.aiSearch') }}
-                                </el-button>
                             </div>
                         </div>
                     </template>