canglan/AI-Chat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.0.2修复优化

Browse Source
This commit is contained in:
canglan
2026-05-06 16:45:43 +08:00
parent 4acdf6c38b
commit b46de0328c
8 changed files with 120 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
assets/css/style.css
View File

@@ -37,22 +37,36 @@ body {
align-items: center;
min-height: 100vh;
padding: 20px;
background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
}
.login-card {
background: var(--bg-card);
border-radius: var(--radius);
padding: 40px;
border-radius: 12px;
padding: 48px 40px;
width: 100%;
max-width: 400px;
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
max-width: 420px;
box-shadow: 0 8px 32px rgba(0,0,0,0.3);
border: 1px solid var(--border-color);
}
.login-card h1 {
.login-logo {
text-align: center;
margin-bottom: 30px;
margin-bottom: 36px;
}
.login-logo .logo-icon {
width: 48px;
height: 48px;
color: var(--primary);
margin-bottom: 12px;
}
.login-logo h1 {
font-size: 24px;
color: var(--primary);
font-weight: 600;
letter-spacing: 0.5px;
}
/* 安装向导样式 */
@@ -62,6 +76,10 @@ body {
padding: 0 20px;
}
.install-container h1 svg {
color: var(--primary);
}
.step-indicator {
display: flex;
justify-content: space-between;
@@ -92,14 +110,16 @@ body {
/* 通用表单样式 */
.form-group {
margin-bottom: 16px;
margin-bottom: 18px;
}
.form-group label {
display: block;
margin-bottom: 6px;
font-size: 14px;
font-size: 13px;
font-weight: 500;
color: var(--text-secondary);
letter-spacing: 0.3px;
}
.form-group input,
@@ -124,14 +144,18 @@ body {
/* 按钮 */
.btn {
display: inline-block;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
border: none;
border-radius: var(--radius);
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s;
transition: all 0.2s ease;
text-decoration: none;
line-height: 1.4;
}
.btn-primary {
@@ -141,6 +165,12 @@ body {
.btn-primary:hover {
background: var(--primary-hover);
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(74, 144, 217, 0.3);
}
.btn-primary:active {
transform: translateY(0);
}
.btn-secondary {
@@ -149,18 +179,27 @@ body {
border: 1px solid var(--border-color);
}
.btn-secondary:hover {
border-color: var(--primary);
color: var(--primary);
}
.btn-danger {
background: var(--danger);
color: white;
}
.btn-danger:hover {
opacity: 0.9;
}
.btn-sm {
padding: 6px 12px;
padding: 6px 14px;
font-size: 12px;
}
.btn-block {
display: block;
display: flex;
width: 100%;
text-align: center;
}
@@ -168,7 +207,7 @@ body {
.btn-group {
display: flex;
gap: 10px;
margin-top: 20px;
margin-top: 24px;
justify-content: flex-end;
}
@@ -178,6 +217,7 @@ body {
border-radius: var(--radius);
margin-bottom: 16px;
font-size: 14px;
line-height: 1.5;
}
.alert-error {
@@ -203,19 +243,34 @@ body {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
margin-bottom: 32px;
}
.config-header h1 {
display: flex;
align-items: center;
font-size: 22px;
font-weight: 600;
}
.config-header h1 svg {
color: var(--primary);
}
.config-section {
background: var(--bg-card);
border-radius: var(--radius);
padding: 24px;
border-radius: 12px;
padding: 28px;
margin-bottom: 24px;
border: 1px solid var(--border-color);
}
.config-section h2 {
margin-bottom: 16px;
font-size: 18px;
margin-bottom: 20px;
font-size: 17px;
font-weight: 600;
padding-bottom: 12px;
border-bottom: 1px solid var(--border-color);
}
/* 响应式 */

8
assets/js/chat.js
View File

@@ -57,7 +57,7 @@ const ChatManager = {
} else {
let html = `<div class="message assistant">`;
if (msg.thinking_content) {
html += `<div class="thinking-toggle" onclick="this.nextElementSibling.classList.toggle('expanded')">💭 思考过程 ▾</div>`;
html += `<div class="thinking-toggle" onclick="this.nextElementSibling.classList.toggle('expanded')">思考过程 ▾</div>`;
html += `<div class="thinking-content">${MarkdownRenderer.render(msg.thinking_content)}</div>`;
}
html += `<div class="markdown-body">${MarkdownRenderer.render(msg.content)}</div>`;
@@ -252,10 +252,10 @@ const ChatManager = {
if (!toggle) {
toggle = document.createElement('div');
toggle.className = 'thinking-toggle expanded';
toggle.textContent = '💭 思考过程 ▾';
toggle.textContent = '思考过程 ▾';
toggle.onclick = function() {
container.classList.toggle('expanded');
this.textContent = container.classList.contains('expanded') ? '💭 思考过程 ▴' : '💭 思考过程 ▾';
this.textContent = container.classList.contains('expanded') ? '思考过程 ▴' : '思考过程 ▾';
};
el.insertBefore(toggle, el.firstChild);
}
@@ -279,7 +279,7 @@ const ChatManager = {
const container = document.getElementById('messagesContainer');
const el = document.createElement('div');
el.className = 'message assistant';
el.innerHTML = `<div class="alert alert-error">❌ ${this.escapeHtml(message)} <button class="btn btn-sm btn-secondary" onclick="ChatManager.retryLast()">重试</button></div>`;
el.innerHTML = `<div class="alert alert-error">错误: ${this.escapeHtml(message)} <button class="btn btn-sm btn-secondary" onclick="ChatManager.retryLast()">重试</button></div>`;
container.appendChild(el);
container.scrollTop = container.scrollHeight;
},

2
assets/js/upload.js
View File

@@ -39,7 +39,7 @@ const UploadManager = {
preview.innerHTML = this.files.map((f, i) => `
<div class="file-preview-item">
<span>📎 ${this.escapeHtml(f.name)}</span>
<span>${this.escapeHtml(f.name)}</span>
<span class="remove-file" onclick="UploadManager.removeFile(${i})">×</span>
</div>
`).join('');