lingling
/
tiny-rdm
mirror of https://github.com/tiny-craft/tiny-rdm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/sidebar/BrowserTree.vue
View File

@ -601,7 +601,11 @@ defineExpose({
@keydown.delete="handleSelectContextMenu('value_remove')" @keydown.delete="handleSelectContextMenu('value_remove')"
@update:selected-keys="onUpdateSelectedKeys" @update:selected-keys="onUpdateSelectedKeys"
@update:expanded-keys="onUpdateExpanded" @update:expanded-keys="onUpdateExpanded"
@update:checked-keys="onUpdateCheckedKeys" /> @update:checked-keys="onUpdateCheckedKeys">
<template #empty>
<n-empty class="empty-content" />
</template>
</n-tree>
<!-- context menu --> <!-- context menu -->
<n-dropdown <n-dropdown

11
frontend/src/components/sidebar/ConnectionTree.vue
View File

@ -480,12 +480,7 @@ const onCancelOpen = () => {
<template> <template>
<div class="connection-tree-wrapper" @keydown.esc="contextMenuParam.show = false"> <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 <n-tree
v-else
:animated="false" :animated="false"
:block-line="true" :block-line="true"
:block-node="true" :block-node="true"
@ -503,7 +498,11 @@ const onCancelOpen = () => {
virtual-scroll virtual-scroll
@drop="handleDrop" @drop="handleDrop"
@update:selected-keys="onUpdateSelectedKeys" @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 --> <!-- status display modal -->
<n-modal :show="connectingServer !== ''" transform-origin="center"> <n-modal :show="connectingServer !== ''" transform-origin="center">