From 3c75c1c49d8be858740465d6d649a41c868b6685 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <i@haozi.net>
Date: Sun, 27 Oct 2024 01:08:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=E4=BB=B6=E5=90=8D=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E7=BC=A9=E7=95=A5=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/file/ListTable.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/views/file/ListTable.vue b/web/src/views/file/ListTable.vue
index 404424d5..e5bcb170 100644
--- a/web/src/views/file/ListTable.vue
+++ b/web/src/views/file/ListTable.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { NButton, NInput, NPopconfirm, NPopselect, NSpace, NTag } from 'naive-ui'
+import { NButton, NEllipsis, NFlex, NInput, NPopconfirm, NPopselect, NTag } from 'naive-ui'
 
 import type { DataTableColumns, DropdownOption } from 'naive-ui'
 import type { RowData } from 'naive-ui/es/data-table/src/interface'
@@ -89,7 +89,7 @@ const columns: DataTableColumns<RowData> = [
       }
 
       return h(
-        NSpace,
+        NFlex,
         {
           class: 'table-name',
           onClick: () => {
@@ -103,7 +103,7 @@ const columns: DataTableColumns<RowData> = [
         },
         () => [
           h(TheIcon, { icon, size: 24, color: `var(--primary-color)` }),
-          h('span', null, {
+          h(NEllipsis, null, {
             default: () => {
               if (row.symlink) {
                 return row.name + ' -> ' + row.link
@@ -166,7 +166,7 @@ const columns: DataTableColumns<RowData> = [
     width: 340,
     render(row) {
       return h(
-        NSpace,
+        NFlex,
         {},
         {
           default: () => [