LiuMangMang/ssh-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Refine workspace toolbar and file distribution UI

Browse Source
This commit is contained in:
liumangmang
2026-04-21 00:42:50 +08:00
parent 00ccd33961
commit 05b835eb02
6 changed files with 154 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/SftpPanel.vue
+6 -6
View File
@@ -791,20 +791,20 @@ const totalUploadProgress = computed(() => {
</div>
</div>
<div class="grid gap-2 lg:grid-cols-[minmax(0,1fr)_18rem]">
<div class="relative">
<div class="flex flex-wrap items-stretch gap-2">
<div class="relative min-w-0 flex-1 basis-64">
<Search class="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-500" />
<input
ref="searchInputRef"
v-model="searchQuery"
type="text"
placeholder="搜索文件... (Ctrl/Cmd+F)"
class="w-full rounded-lg border border-slate-700 bg-slate-900 py-2 pl-9 pr-9 text-sm text-slate-100 placeholder:text-slate-500 focus:border-cyan-500 focus:outline-none"
class="h-10 w-full rounded-lg border border-slate-700 bg-slate-900 py-2 pl-9 pr-9 text-sm text-slate-100 placeholder:text-slate-500 focus:border-cyan-500 focus:outline-none"
/>
<button
v-if="searchQuery"
type="button"
class="absolute right-2 top-1/2 inline-flex h-7 w-7 -translate-y-1/2 items-center justify-center rounded text-slate-500 transition-colors hover:bg-slate-800 hover:text-slate-300"
class="absolute right-2 top-1/2 inline-flex h-8 w-8 -translate-y-1/2 items-center justify-center rounded text-slate-500 transition-colors hover:bg-slate-800 hover:text-slate-300"
@click="searchQuery = ''"
aria-label="清除搜索"
>
@@ -812,7 +812,7 @@ const totalUploadProgress = computed(() => {
</button>
</div>
<div class="flex items-center gap-2 rounded-lg border border-slate-700 bg-slate-900 px-2 py-1.5">
<div class="flex h-10 min-w-0 flex-1 basis-72 items-center gap-2 rounded-lg border border-slate-700 bg-slate-900 px-2">
<input
ref="pathInputRef"
v-model="pathDraft"
@@ -823,7 +823,7 @@ const totalUploadProgress = computed(() => {
/>
<button
type="button"
class="inline-flex min-h-[36px] items-center rounded-md bg-slate-800 px-3 text-xs text-slate-200 transition-colors hover:bg-slate-700"
class="inline-flex h-8 shrink-0 items-center rounded-md bg-slate-800 px-3 text-xs text-slate-200 transition-colors hover:bg-slate-700"
@click="navigateToTypedPath"
>
前往