feat: 前端优化

web/src/views/database/DatabaseList.vue

@@ -57,13 +57,15 @@ const columns: any = [
     key: 'comment',
     minWidth: 250,
     resizable: true,
-    ellipsis: { tooltip: true },
     render(row: any) {
       return h(NInput, {
         size: 'small',
+        class: 'w-full',
         value: row.comment,
         // MySQL 不支持数据库备注
         disabled: row.type === 'mysql',
+        placeholder:
+          row.type === 'mysql' ? $gettext('MySQL does not support database comments') : undefined,
         onBlur: () => handleComment(row),
         onUpdateValue(v) {
           row.comment = v

web/src/views/database/ServerList.vue

@@ -97,10 +97,10 @@ const columns: any = [
     key: 'remark',
     minWidth: 250,
     resizable: true,
-    ellipsis: { tooltip: true },
     render(row: any) {
       return h(NInput, {
         size: 'small',
+        class: 'w-full',
         value: row.remark,
         onBlur: () => handleRemark(row),
         onUpdateValue(v) {

web/src/views/database/UserList.vue

@@ -114,10 +114,10 @@ const columns: any = [
     key: 'remark',
     minWidth: 250,
     resizable: true,
-    ellipsis: { tooltip: true },
     render(row: any) {
       return h(NInput, {
         size: 'small',
+        class: 'w-full',
         value: row.remark,
         onBlur: () => handleRemark(row),
         onUpdateValue(v) {

web/src/views/website/ListView.vue

@@ -107,10 +107,10 @@ const columns: any = [
     key: 'remark',
     minWidth: 200,
     resizable: true,
-    ellipsis: { tooltip: true },
     render(row: any) {
       return h(NInput, {
         size: 'small',
+        class: 'w-full',
         value: row.remark,
         onBlur: () => handleRemark(row),
         onUpdateValue(v) {