caoxiaozhu/X-Agents
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新Dashboard页面布局和样式

Browse Source 
- 将Dashboard顶部的卡片改为CPU、内存、Active Agents三个卡片
- 移除Active MCP Servers和Active Models卡片
- 增强Element Plus下拉框暗色主题样式
- 修复旧HTML文件导致的Tailwind冲突问题
- 统一下拉框样式与输入框风格

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
DESKTOP-72TV0V4\caoxiaozhu
2026-03-06 09:29:16 +08:00
parent 3c33f15f82
commit 6fe3c412f4
3 changed files with 116 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
web/src/style.css
View File

@@ -36,27 +36,49 @@ html.dark .el-select {
--el-select-input-focus-border-color: #ff9500;
}
html.dark .el-select .el-input__wrapper {
background-color: #1a1c25;
box-shadow: 0 0 0 1px #2a2c36 inset;
html.dark .el-select .el-input__wrapper,
html.dark .el-select .el-select__wrapper {
background-color: #1a1c25 !important;
border: 1px solid #2a2c36;
border-radius: 8px;
transition: all 0.2s ease;
padding: 2px 11px;
min-height: 42px;
}
html.dark .el-select.el-select--large .el-input__wrapper {
padding: 5px 11px;
min-height: 46px;
}
html.dark .el-select .el-input__wrapper:hover {
box-shadow: 0 0 0 1px #ff9500 inset;
border-color: #ff9500;
}
html.dark .el-select .el-input__wrapper.is-focus {
box-shadow: 0 0 0 1px #ff9500 inset;
border-color: #ff9500;
}
html.dark .el-select .el-input__inner {
color: #ffffff;
line-height: 1.5;
}
html.dark .el-select .el-input__wrapper {
display: flex;
align-items: center;
}
html.dark .el-select .el-select__wrapper {
box-shadow: none !important;
}
html.dark .el-select .el-select__wrapper .el-select__selected-item {
line-height: normal;
}
html.dark .el-select .el-input__inner::placeholder {
color: #71717a;
color: #6b7280;
}
/* 下拉箭头 */
@@ -78,21 +100,22 @@ html.dark .el-select .el-input__suffix .el-select__caret:hover {
}
/* 下拉菜单 */
.el-select-dropdown.el-popper,
html.dark .el-select-dropdown {
background-color: #171922;
border: 1px solid #2a2c36;
background-color: #1a1c25 !important;
border: 1px solid #2a2c36 !important;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
html.dark .el-select-dropdown__item {
color: #ffffff;
color: #ffffff !important;
padding: 8px 12px;
transition: all 0.2s;
}
html.dark .el-select-dropdown__item:hover {
background-color: #1a1c25;
background-color: #1a1c25 !important;
}
html.dark .el-select-dropdown__item.is-selected {
@@ -118,23 +141,34 @@ html.dark .el-select-dropdown__empty {
}
/* popper 箭头 */
.el-popper.is-light,
html.dark .el-popper.is-light {
background: #171922;
border: 1px solid #2a2c36;
background: #1a1c25 !important;
border: 1px solid #2a2c36 !important;
}
.el-popper.is-light .el-popper__arrow::before,
html.dark .el-popper.is-light .el-popper__arrow::before {
background: #171922;
border-color: #2a2c36;
background: #1a1c25 !important;
border-color: #2a2c36 !important;
}
/* 输入框尺寸 */
html.dark .el-select.el-select--large .el-input__wrapper {
padding: 4px 11px;
/* 选中项文字居中 */
html.dark .el-select .el-select__wrapper {
display: flex;
align-items: center;
}
html.dark .el-select.el-select--default .el-input__wrapper {
padding: 3px 10px;
html.dark .el-select .el-select__selected-item,
html.dark .el-select .el-select__placeholder {
line-height: 20px !important;
display: flex;
align-items: center;
}
html.dark .el-select .el-select__selected-item > span {
display: inline-flex;
align-items: center;
}
/* 多选标签 */