tzt
1ae9ffb159
- style.css 重写为设计系统：色板/圆角/阴影/统一滚动条/焦点环/卡片质感，main.ts 引入 - App.vue：深色渐变侧边栏替换顶部条（品牌区/图标导航/激活高亮/网关状态脚注） - 六个视图页面背景令牌化，卡片统一阴影；index.html 标题与语言修正 - 功能零改动，纯视觉层
2 lines
9.3 KiB
CSS
2 lines
9.3 KiB
CSS
.settings-view[data-v-2f064b9e]{background:var(--c-bg);box-sizing:border-box;height:100%;padding:24px;display:block;overflow-y:auto}.settings-header[data-v-2f064b9e]{margin-bottom:20px}.settings-header h2[data-v-2f064b9e]{color:#111827;margin-bottom:4px;font-size:20px;font-weight:700}.subtitle[data-v-2f064b9e]{color:#6b7280;font-size:13px}.settings-section[data-v-2f064b9e]{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;overflow:hidden}.section-title[data-v-2f064b9e]{color:#1f2937;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:14px 20px;font-size:15px;font-weight:600;display:flex}.section-title[data-v-2f064b9e]:hover{background:#f9fafb}.title-right[data-v-2f064b9e]{align-items:center;gap:10px;display:flex}.section-body[data-v-2f064b9e]{padding:16px 20px}.server-control-bar[data-v-2f064b9e]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.server-info[data-v-2f064b9e]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.model-chip[data-v-2f064b9e]{color:#3730a3;background:#e0e7ff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.port-chip[data-v-2f064b9e]{color:#166534;background:#dcfce7}.pid-chip[data-v-2f064b9e]{color:#6b7280;background:#f3f4f6}.server-idle[data-v-2f064b9e]{color:#9ca3af;font-size:13px}.server-actions[data-v-2f064b9e]{gap:8px;display:flex}.btn-start[data-v-2f064b9e],.btn-stop[data-v-2f064b9e]{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:13px}.btn-start[data-v-2f064b9e]{background:#16a34a}.btn-start[data-v-2f064b9e]:hover:not(:disabled){background:#15803d}.btn-start[data-v-2f064b9e]:disabled{cursor:not-allowed;background:#86efac}.btn-stop[data-v-2f064b9e]{background:#dc2626}.btn-stop[data-v-2f064b9e]:hover:not(:disabled){background:#b91c1c}.btn-stop[data-v-2f064b9e]:disabled{cursor:not-allowed;background:#fca5a5}.server-badge[data-v-2f064b9e]{border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.badge-running[data-v-2f064b9e]{color:#16a34a;background:#dcfce7}.badge-stopped[data-v-2f064b9e]{color:#9ca3af;background:#f3f4f6}.llama-error[data-v-2f064b9e]{margin-top:8px}.local-models[data-v-2f064b9e]{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;overflow:hidden}.local-models-header[data-v-2f064b9e]{background:var(--c-bg);color:#374151;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.no-models[data-v-2f064b9e]{color:#9ca3af;text-align:center;padding:12px;font-size:13px}.model-item[data-v-2f064b9e]{cursor:pointer;border-bottom:1px solid #f9fafb;justify-content:space-between;align-items:center;padding:7px 12px;font-size:13px;transition:background .1s;display:flex}.model-item[data-v-2f064b9e]:last-child{border-bottom:none}.model-item[data-v-2f064b9e]:hover{background:#eff6ff}.model-item.selected[data-v-2f064b9e]{background:#dbeafe}.model-item-name[data-v-2f064b9e]{color:#1f2937;font-weight:500}.model-item-size[data-v-2f064b9e]{color:#9ca3af;font-size:12px}.download-section[data-v-2f064b9e]{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:12px}.download-header[data-v-2f064b9e]{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600}.download-form[data-v-2f064b9e]{gap:8px;display:flex}.download-input[data-v-2f064b9e]{border:1px solid #d1d5db;border-radius:6px;outline:none;flex:1;padding:7px 10px;font-size:13px}.download-input[data-v-2f064b9e]:focus{border-color:#2563eb}.btn-download[data-v-2f064b9e]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;min-width:70px;padding:7px 16px;font-size:13px}.btn-download[data-v-2f064b9e]:disabled{cursor:not-allowed;background:#93c5fd}.progress-wrap[data-v-2f064b9e]{margin-top:8px}.progress-bar[data-v-2f064b9e]{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.progress-fill[data-v-2f064b9e]{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:3px;height:100%;transition:width .3s}.progress-info[data-v-2f064b9e]{color:#9ca3af;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.download-error[data-v-2f064b9e]{margin-top:6px;font-size:12px}.done-msg[data-v-2f064b9e]{color:#16a34a;margin-top:6px;font-size:13px;font-weight:500}.form-grid[data-v-2f064b9e]{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field[data-v-2f064b9e]{flex-direction:column;gap:5px;display:flex}.field.full-width[data-v-2f064b9e]{grid-column:1/-1}.field label[data-v-2f064b9e]{color:#374151;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.field input[data-v-2f064b9e],.field select[data-v-2f064b9e]{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;padding:7px 10px;font-size:13px}.field input[data-v-2f064b9e]:focus,.field select[data-v-2f064b9e]:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.model-select[data-v-2f064b9e]{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.model-select[data-v-2f064b9e]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.input-row[data-v-2f064b9e]{align-items:center;gap:8px;display:flex}.input-row input[data-v-2f064b9e]{flex:1}.field-hint[data-v-2f064b9e]{font-size:11px}.field-hint.warn[data-v-2f064b9e]{color:#d97706}.field-hint.ok[data-v-2f064b9e]{color:#16a34a}.role-bar[data-v-2f064b9e]{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px;display:grid}.role-item[data-v-2f064b9e]{flex-direction:column;gap:4px;display:flex}.role-item label[data-v-2f064b9e]{color:#374151;font-size:12px;font-weight:600}.role-item select[data-v-2f064b9e]{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;font-size:13px}.role-hint[data-v-2f064b9e]{color:#9ca3af;margin-bottom:12px;font-size:12px}.pool-table[data-v-2f064b9e]{border-collapse:collapse;width:100%;font-size:13px}.pool-table th[data-v-2f064b9e],.pool-table td[data-v-2f064b9e]{text-align:left;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:7px 10px}.pool-table th[data-v-2f064b9e]{color:#6b7280;background:#f9fafb;font-size:12px;font-weight:600}.pool-table td.mono[data-v-2f064b9e]{font-family:ui-monospace,Consolas,monospace;font-size:12px}.row-actions[data-v-2f064b9e]{gap:6px;display:flex}.row-actions .btn-refresh.danger[data-v-2f064b9e]{color:#dc2626}.row-actions .btn-refresh.danger[data-v-2f064b9e]:hover:not(:disabled){background:#fee2e2}.tier-badge[data-v-2f064b9e]{border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.tier-local[data-v-2f064b9e]{color:#166534;background:#dcfce7}.tier-budget[data-v-2f064b9e]{color:#1e40af;background:#dbeafe}.tier-premium[data-v-2f064b9e]{color:#7c2d12;background:#ffedd5}.pool-edit[data-v-2f064b9e]{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-top:14px;padding:14px}.pool-edit-title[data-v-2f064b9e]{color:#374151;margin-bottom:10px;font-size:13px;font-weight:600}.pool-edit-actions[data-v-2f064b9e]{align-items:center;gap:12px;margin-top:12px;display:flex}.btn-refresh[data-v-2f064b9e]{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:2px 7px;font-size:12px}.btn-refresh[data-v-2f064b9e]:hover:not(:disabled){background:#e5e7eb}.btn-refresh[data-v-2f064b9e]:disabled{opacity:.5;cursor:not-allowed}.btn-inline[data-v-2f064b9e]{font-size:12px}.btn-ping[data-v-2f064b9e]{background:var(--c-bg);cursor:pointer;white-space:nowrap;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-size:14px;transition:background .1s}.btn-ping[data-v-2f064b9e]:hover:not(:disabled){background:#eff6ff}.btn-ping[data-v-2f064b9e]:disabled{opacity:.5;cursor:not-allowed}.ping-badge[data-v-2f064b9e]{white-space:nowrap;font-size:12px;font-weight:500}.ping-ok[data-v-2f064b9e]{color:#16a34a}.ping-err[data-v-2f064b9e]{color:#dc2626}.checkbox-label[data-v-2f064b9e]{cursor:pointer;color:#374151;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.checkbox-label input[type=checkbox][data-v-2f064b9e]{cursor:pointer;width:16px;height:16px}.actions[data-v-2f064b9e]{gap:12px;margin-top:8px;display:flex}.btn-primary[data-v-2f064b9e]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:9px 20px;font-size:14px;font-weight:500;transition:background .15s}.btn-primary[data-v-2f064b9e]:hover:not(:disabled){background:#1d4ed8}.btn-primary[data-v-2f064b9e]:disabled{cursor:not-allowed;background:#93c5fd}.btn-secondary[data-v-2f064b9e]{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:9px 20px;font-size:14px;font-weight:500;transition:background .15s}.btn-secondary[data-v-2f064b9e]:hover:not(:disabled){background:#f9fafb}.btn-secondary[data-v-2f064b9e]:disabled{color:#9ca3af;cursor:not-allowed}.toast[data-v-2f064b9e]{z-index:999;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;animation:.2s slideUp-2f064b9e;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.toast-ok[data-v-2f064b9e]{color:#166534;background:#dcfce7;border:1px solid #86efac}.toast-err[data-v-2f064b9e]{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}@keyframes slideUp-2f064b9e{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
|