From 4d29343c1f26f5d97d6c7ba76b8d15affd571a42 Mon Sep 17 00:00:00 2001
From: Lykin <137850705+tiny-craft@users.noreply.github.com>
Date: Mon, 22 Apr 2024 16:07:57 +0800
Subject: [PATCH] style: make the empty prompt in the tree view vertically

---
 frontend/src/components/sidebar/BrowserTree.vue    |  6 +++++-
 frontend/src/components/sidebar/ConnectionTree.vue | 11 +++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/sidebar/BrowserTree.vue b/frontend/src/components/sidebar/BrowserTree.vue
index cb9c9cd..d09adab 100644
--- a/frontend/src/components/sidebar/BrowserTree.vue
+++ b/frontend/src/components/sidebar/BrowserTree.vue
@@ -601,7 +601,11 @@ defineExpose({
             @keydown.delete="handleSelectContextMenu('value_remove')"
             @update:selected-keys="onUpdateSelectedKeys"
             @update:expanded-keys="onUpdateExpanded"
-            @update:checked-keys="onUpdateCheckedKeys" />
+            @update:checked-keys="onUpdateCheckedKeys">
+            <template #empty>
+                <n-empty class="empty-content" />
+            </template>
+        </n-tree>
 
         <!-- context menu -->
         <n-dropdown
diff --git a/frontend/src/components/sidebar/ConnectionTree.vue b/frontend/src/components/sidebar/ConnectionTree.vue
index 02b7aff..87372df 100644
--- a/frontend/src/components/sidebar/ConnectionTree.vue
+++ b/frontend/src/components/sidebar/ConnectionTree.vue
@@ -480,12 +480,7 @@ const onCancelOpen = () => {
 
 <template>
     <div class="connection-tree-wrapper" @keydown.esc="contextMenuParam.show = false">
-        <n-empty
-            v-if="isEmpty(connectionStore.connections)"
-            :description="$t('interface.empty_server_list')"
-            class="empty-content" />
         <n-tree
-            v-else
             :animated="false"
             :block-line="true"
             :block-node="true"
@@ -503,7 +498,11 @@ const onCancelOpen = () => {
             virtual-scroll
             @drop="handleDrop"
             @update:selected-keys="onUpdateSelectedKeys"
-            @update:expanded-keys="onUpdateExpandedKeys" />
+            @update:expanded-keys="onUpdateExpandedKeys">
+            <template #empty>
+                <n-empty :description="$t('interface.empty_server_list')" class="empty-content" />
+            </template>
+        </n-tree>
 
         <!-- status display modal -->
         <n-modal :show="connectingServer !== ''" transform-origin="center">