Revert "codex 试用,美化"

This reverts commit f2af83a72f.
This commit is contained in:
liuwei
2026-02-26 14:57:38 +08:00
parent 9acd626e72
commit 3a1b70d3e4
8 changed files with 52 additions and 68 deletions

View File

@@ -16,10 +16,10 @@
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background: #f2f6fb; background: #f7f7f8;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei"; "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei";
color: #22324a; color: #333;
overflow: hidden; /* 禁止 body 出滚动条 */ overflow: hidden; /* 禁止 body 出滚动条 */
} }
@@ -172,15 +172,13 @@
flex: 1; flex: 1;
padding: 16px; padding: 16px;
overflow-y: auto; overflow-y: auto;
background: #f2f6fb;
} }
/* 全局卡片样式统一 */ /* 全局卡片样式统一 */
.el-card { .el-card {
border-radius: 0 !important; border-radius: 0 !important;
box-shadow: 0 6px 18px rgba(11, 29, 51, 0.06) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
border: 1px solid #d6e6ff !important; border: 1px solid #e5e6eb !important;
background: #ffffff !important;
} }
.el-card__body { .el-card__body {
padding: 12px !important; padding: 12px !important;

View File

@@ -956,14 +956,14 @@
.stat-title { .stat-title {
font-size: 16px; font-size: 16px;
color: #6b86a8; color: #606266;
margin-bottom: 10px; margin-bottom: 10px;
} }
.stat-value { .stat-value {
font-size: 28px; font-size: 28px;
font-weight: bold; font-weight: bold;
color: #5bd3ff; color: #409EFF;
} }
.pagination-container { .pagination-container {
@@ -973,7 +973,7 @@
.section-title { .section-title {
margin: 20px 0 15px 0; margin: 20px 0 15px 0;
border-bottom: 1px solid #d6e6ff; border-bottom: 1px solid #ebeef5;
padding-bottom: 10px; padding-bottom: 10px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -983,7 +983,7 @@
.section-title h3 { .section-title h3 {
margin: 0; margin: 0;
font-size: 18px; font-size: 18px;
color: #2a3b55; color: #303133;
} }
.chat-container { .chat-container {
@@ -996,8 +996,7 @@
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 20px; padding: 20px;
background: #f2f7ff; background: #f5f5f5;
border: 1px solid #d6e6ff;
} }
.message-item { .message-item {
@@ -1014,27 +1013,24 @@
max-width: 70%; max-width: 70%;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
background: #ffffff; background: #fff;
color: #22324a; box-shadow: 0 1px 2px rgba(0,0,0,0.1);
border: 1px solid #d6e6ff;
box-shadow: 0 2px 8px rgba(11, 29, 51, 0.06);
} }
.message-self .message-content { .message-self .message-content {
background: #5bd3ff; background: #95ec69;
color: #0b1d33;
} }
.message-time { .message-time {
font-size: 12px; font-size: 12px;
color: #7a94b8; color: #999;
margin-top: 5px; margin-top: 5px;
} }
.input-area { .input-area {
padding: 20px; padding: 20px;
background: #f9fbff; background: #fff;
border-top: 1px solid #d6e6ff; border-top: 1px solid #eee;
} }
.toolbar { .toolbar {

View File

@@ -711,17 +711,16 @@
.chart-container { .chart-container {
margin-bottom: 20px; margin-bottom: 20px;
padding: 10px; padding: 10px;
background-color: #f9fbff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
border: 1px solid #d6e6ff; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 16px rgba(11, 29, 51, 0.06);
} }
.chart-container h3 { .chart-container h3 {
margin-top: 0; margin-top: 0;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 16px; font-size: 16px;
color: #2a3b55; color: #606266;
} }
/* 用户信息卡片样式 */ /* 用户信息卡片样式 */
@@ -741,7 +740,7 @@
height: 30px !important; height: 30px !important;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 163, 255, 0.15); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -766,14 +765,14 @@
} }
.user-info-label { .user-info-label {
color: #6b86a8; color: #606266;
width: 45px; width: 45px;
flex-shrink: 0; flex-shrink: 0;
font-weight: bold; font-weight: bold;
} }
.user-info-value { .user-info-value {
color: #24344c; color: #303133;
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -783,7 +782,7 @@
.user-info-empty { .user-info-empty {
text-align: center; text-align: center;
color: #7a94b8; color: #909399;
padding: 10px 0; padding: 10px 0;
} }

View File

@@ -22,7 +22,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
background: #0b1d33; background: linear-gradient(135deg, #006af5 0%, #4f8cff 100%);
height: 100vh; height: 100vh;
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -31,10 +31,9 @@
.login-container { .login-container {
width: 400px; width: 400px;
padding: 40px 36px 32px 36px; padding: 40px 36px 32px 36px;
background-color: #0f2545; background-color: #fff;
border: 1px solid #1b3d66;
border-radius: 12px; border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 163, 255, 0.16); box-shadow: 0 6px 32px 0 rgba(0, 106, 245, 0.15);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@@ -47,7 +46,7 @@
.login-title { .login-title {
text-align: center; text-align: center;
margin-bottom: 32px; margin-bottom: 32px;
color: #5bd3ff; color: #006af5;
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
letter-spacing: 2px; letter-spacing: 2px;
@@ -58,14 +57,12 @@
} }
.el-input__inner { .el-input__inner {
border-radius: 6px; border-radius: 6px;
border: 1.5px solid #1f3f66; border: 1.5px solid #e6e6e6;
background: #0b1f3a;
color: #e6f3ff;
transition: border-color 0.2s; transition: border-color 0.2s;
} }
.el-input__inner:focus { .el-input__inner:focus {
border-color: #5bd3ff; border-color: #006af5;
box-shadow: 0 0 0 2px rgba(91, 211, 255, 0.12); box-shadow: 0 0 0 2px rgba(0,106,245,0.08);
} }
.el-form-item__content { .el-form-item__content {
margin-left: 0 !important; margin-left: 0 !important;
@@ -73,19 +70,19 @@
.login-button { .login-button {
width: 100%; width: 100%;
margin-top: 10px; margin-top: 10px;
background: #5bd3ff; background: linear-gradient(90deg, #006af5 0%, #4f8cff 100%);
border: none; border: none;
color: #0b1d33; color: #fff;
font-weight: 600; font-weight: 600;
border-radius: 6px; border-radius: 6px;
box-shadow: 0 6px 16px rgba(0, 163, 255, 0.18); box-shadow: 0 2px 8px 0 rgba(0,106,245,0.10);
transition: background 0.2s; transition: background 0.2s;
} }
.login-button:hover, .login-button:focus { .login-button:hover, .login-button:focus {
background: #41bff0; background: linear-gradient(90deg, #0056c7 0%, #3577e5 100%);
} }
.error-message { .error-message {
color: #ff8a8a; color: #F56C6C;
margin-top: 18px; margin-top: 18px;
text-align: center; text-align: center;
font-size: 15px; font-size: 15px;
@@ -95,9 +92,8 @@
height: 60px; height: 60px;
margin-bottom: 18px; margin-bottom: 18px;
border-radius: 50%; border-radius: 50%;
box-shadow: 0 2px 12px rgba(0, 163, 255, 0.2); box-shadow: 0 2px 8px 0 rgba(0,106,245,0.10);
background: #0b213b; background: #f5f7fa;
border: 1px solid #1b3d66;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -105,7 +101,7 @@
.login-footer { .login-footer {
margin-top: 28px; margin-top: 28px;
text-align: center; text-align: center;
color: #7fa6d8; color: #b0b8c1;
font-size: 13px; font-size: 13px;
letter-spacing: 1px; letter-spacing: 1px;
} }

View File

@@ -1137,13 +1137,13 @@ new Vue({
} }
.stat-title { .stat-title {
font-size: 14px; font-size: 14px;
color: #6b86a8; color: #606266;
margin-bottom: 10px; margin-bottom: 10px;
} }
.stat-value { .stat-value {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: #5bd3ff; color: #409EFF;
} }
.batch-toolbar { .batch-toolbar {
margin-bottom: 15px; margin-bottom: 15px;
@@ -1152,7 +1152,7 @@ new Vue({
} }
.selected-count { .selected-count {
margin-left: 15px; margin-left: 15px;
color: #6b86a8; color: #606266;
} }
</style> </style>
{% endblock %} {% endblock %}

View File

@@ -328,12 +328,10 @@
.config-container { .config-container {
max-height: 200px; max-height: 200px;
overflow-y: auto; overflow-y: auto;
background-color: #0f2545; background-color: #f5f7fa;
border: 1px solid #1b3d66;
border-radius: 4px; border-radius: 4px;
padding: 8px; padding: 8px;
font-size: 12px; font-size: 12px;
color: #cfe6ff;
} }
.config-container pre { .config-container pre {
@@ -356,13 +354,13 @@
.plugin-detail-container::-webkit-scrollbar-thumb, .plugin-detail-container::-webkit-scrollbar-thumb,
.config-container::-webkit-scrollbar-thumb { .config-container::-webkit-scrollbar-thumb {
background: #2a4d78; background: #c0c4cc;
border-radius: 3px; border-radius: 3px;
} }
.plugin-detail-container::-webkit-scrollbar-track, .plugin-detail-container::-webkit-scrollbar-track,
.config-container::-webkit-scrollbar-track { .config-container::-webkit-scrollbar-track {
background: #0b1d33; background: #f5f7fa;
} }
/* ... 现有样式保持不变 ... */ /* ... 现有样式保持不变 ... */
@@ -379,7 +377,7 @@
} }
.config-error { .config-error {
color: #ff8a8a; color: #f56c6c;
font-size: 12px; font-size: 12px;
margin-top: 5px; margin-top: 5px;
} }

View File

@@ -124,7 +124,7 @@
:label="group.name" :label="group.name"
:value="group.wxid"> :value="group.wxid">
<span style="float: left">{% raw %}{{ group.name }}{% endraw %}</span> <span style="float: left">{% raw %}{{ group.name }}{% endraw %}</span>
<span style="float: right; color: #6b86a8; font-size: 13px">{% raw %}{{ group.wxid }}{% endraw %}</span> <span style="float: right; color: #8492a6; font-size: 13px">{% raw %}{{ group.wxid }}{% endraw %}</span>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>

View File

@@ -171,13 +171,11 @@
flex: 1; flex: 1;
overflow-y: auto !important; overflow-y: auto !important;
overflow-x: scroll !important; overflow-x: scroll !important;
background-color: #0f2545; background-color: #f5f5f5;
padding: 10px; padding: 10px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #1b3d66;
box-sizing: border-box; box-sizing: border-box;
min-height: 0; min-height: 0;
color: #cfe6ff;
} }
.log-content pre { .log-content pre {
@@ -186,7 +184,6 @@
word-break: break-all; word-break: break-all;
font-family: monospace; font-family: monospace;
line-height: 1; line-height: 1;
color: inherit;
} }
.empty-log { .empty-log {