fix(sftp): fix FileTree not visible — flex overflow layout issue

This commit is contained in:
Vantz Stockwell 2026-03-14 03:21:25 -04:00
parent fd9e30b3bf
commit aa1bbb28c4
2 changed files with 5 additions and 5 deletions

View File

@ -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"

View File

@ -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 -->