minor UI change

This commit is contained in:
Natalie Wu 2025-01-26 13:46:43 -05:00
parent 6a4e600e49
commit fb96663d62
2 changed files with 148 additions and 12 deletions

91
.gitignore vendored
View File

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

View File

@ -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;
}
.head {
text-align: left;
margin-bottom: 0 0 32px 0;
.add-btn {
// width: 80px;
display: block;
margin: 0 0 32px -30px;
height: 34px;
background: #ef4444; //
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); //
width: fit-content;
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 {