minor UI change

.gitignore

@@ -12,3 +12,94 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
+
+# Created by https://www.toptal.com/developers/gitignore/api/macos,visualstudiocode,linux,vue,vuejs
+# Edit at https://www.toptal.com/developers/gitignore?templates=macos,visualstudiocode,linux,vue,vuejs
+
+### Linux ###
+*~
+
+# temporary files which can be created if a process still has a handle open of a deleted file
+.fuse_hidden*
+
+# KDE directory preferences
+.directory
+
+# Linux trash folder which might appear on any partition or disk
+.Trash-*
+
+# .nfs files are created when an open file is removed but is still being accessed
+.nfs*
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### macOS Patch ###
+# iCloud generated files
+*.icloud
+
+### VisualStudioCode ###
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+!.vscode/*.code-snippets
+
+# Local History for Visual Studio Code
+.history/
+
+# Built Visual Studio Code Extensions
+*.vsix
+
+### VisualStudioCode Patch ###
+# Ignore all local history of files
+.history
+.ionide
+
+### Vue ###
+# gitignore template for Vue.js projects
+#
+# Recommended template: Node.gitignore
+
+# TODO: where does this rule come from?
+docs/_book
+
+# TODO: where does this rule come from?
+test/
+
+### Vuejs ###
+# Recommended template: Node.gitignore
+
+node_modules/
+dist/
+npm-debug.log
+yarn-error.log
+
+# End of https://www.toptal.com/developers/gitignore/api/macos,visualstudiocode,linux,vue,vuejs

src/views/list/list.vue

@@ -3,9 +3,11 @@
     <!-- <p class="welcome">欢迎来到OOIN小助手</p> -->
     <!-- <p class="welcome-en">Welcome to the The little assistant who speaks to each other.</p> -->
     <div class="table-con">
-      <div class="head">
+      <!-- <div class="head">
+        <div class="button-container"> -->
         <a-button type="primary"  @click="handleAdd" class="add-btn">创建知识库</a-button>
-      </div>
+      <!-- </div>
+      </div> -->
       <a-table
         ref="table"
         rowKey="id"
@@ -375,28 +377,68 @@ export default {
 //     transition: transform .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1);
 //   }
 // }
+
 .table-con{
   background: #18181b; //更改背景颜色
   border-radius: 10px;
   border: 1px solid #27272a; //添加边框
   padding:20px;
-}
 
-
+  .add-btn {
-.head {
+    display: block;
-  text-align: left;
+    margin: 0 0 32px -30px;
-  margin-bottom: 0 0 32px 0;
-  .add-btn{
-    // width: 80px;
     height: 34px;
-    background: #ef4444; //更改背景颜色
+    width: fit-content;
-    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); //添加阴影
+    background: #ef4444;
+    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
     border-radius: 4px;
     &:hover {
       background: #dc2626;
     }
   }
 }
+  // .button-container {
+  // width: 100%;
+  // display: flex;
+  // justify-content: flex-start;
+  // padding-left: 0;
+  // }
+
+
+
+// .head {
+//   text-align: left;
+//   margin-bottom: 32px;
+//   .add-btn{
+//     // width: 80px;
+//     height: 34px;
+//     background: #ef4444; //更改背景颜色
+//     box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); //添加阴影
+//     border-radius: 4px;
+//     &:hover {
+//       background: #dc2626;
+//     }
+//   }
+// }
+
+.table-con {
+  background: #18181b;
+  border-radius: 10px;
+  border: 1px solid #27272a;
+  padding: 20px;
+
+  .add-btn {
+    margin: 0 0 32px 0;
+    height: 34px;
+    background: #ef4444;
+    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
+    border-radius: 4px;
+    &:hover {
+      background: #dc2626;
+    }
+  }
+}
+
 
 
 //   .mr10 {
@@ -685,6 +727,9 @@ export default {
     }
     
     .ant-modal-body {
+      .del-box .del-title {
+        color: #ffffff;
+      }
       background-color: #18181b !important;
       
       .ant-form-item-label > label {