style: make the empty prompt in the tree view vertically

This commit is contained in:
Lykin 2024-04-22 16:07:57 +08:00
parent a682aabb0b
commit 4d29343c1f
2 changed files with 10 additions and 7 deletions

View File

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

View File

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