fix: adjust file search layout (#12797)

This commit is contained in:
ssongliu
2026-05-21 12:39:50 +08:00
committed by zhengkunwang223
parent cf5f1cdb4e
commit 4e692b8667
2 changed files with 23 additions and 22 deletions
@@ -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">
@@ -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>