fix(sftp): fix FileTree not visible — flex overflow layout issue
This commit is contained in:
parent
fd9e30b3bf
commit
aa1bbb28c4
@ -56,7 +56,7 @@ function formatSize(bytes: number): string {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="flex-1 overflow-y-auto text-sm" @click="closeContext">
|
<div class="h-full overflow-y-auto text-sm" @click="closeContext">
|
||||||
<div
|
<div
|
||||||
v-for="entry in entries"
|
v-for="entry in entries"
|
||||||
:key="entry.path"
|
:key="entry.path"
|
||||||
|
|||||||
@ -167,16 +167,16 @@ const breadcrumbs = computed(() => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- File tree area — either editor or directory listing -->
|
<!-- File tree area — either editor or directory listing -->
|
||||||
<template v-if="fileContent">
|
<div class="flex-1 min-h-0 overflow-hidden">
|
||||||
<FileEditor
|
<FileEditor
|
||||||
|
v-if="fileContent"
|
||||||
:file-path="fileContent.path"
|
:file-path="fileContent.path"
|
||||||
:content="fileContent.content"
|
:content="fileContent.content"
|
||||||
@save="handleSave"
|
@save="handleSave"
|
||||||
@close="fileContent = null"
|
@close="fileContent = null"
|
||||||
/>
|
/>
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<FileTree
|
<FileTree
|
||||||
|
v-else
|
||||||
:entries="entries"
|
:entries="entries"
|
||||||
:current-path="currentPath"
|
:current-path="currentPath"
|
||||||
@navigate="navigateTo"
|
@navigate="navigateTo"
|
||||||
@ -185,7 +185,7 @@ const breadcrumbs = computed(() => {
|
|||||||
@delete="handleDelete"
|
@delete="handleDelete"
|
||||||
@rename="handleRename"
|
@rename="handleRename"
|
||||||
/>
|
/>
|
||||||
</template>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Resize handle -->
|
<!-- Resize handle -->
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user