hz4th_coder/llm-speed-tester
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v2.7.0 一键导出全部历史(GET /api/tests/export JSON, Key打码)；左侧三块配置卡片可折叠展开(状态localStorage持久化)；置顶/置底按钮高亮蓝渐变高对比配色

Browse Source
This commit is contained in:
hz4th_coder
2026-09-06 02:54:16 +08:00
parent edbaedce15
commit f499144465
7 changed files with 122 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/style.css
+21 -5
View File
@@ -50,10 +50,24 @@ body {
background: var(--panel); border: 1px solid var(--border);
border-radius: 12px; padding: 16px;
}
/* ── 可折叠卡片（左侧三块） ── */
.card h2 { font-size: 15px; margin-bottom: 14px; }
.collapse-head {
display: flex; align-items: center; justify-content: space-between;
cursor: pointer; user-select: none;
}
.collapse-head:hover { color: var(--accent); }
.collapse-arrow {
font-size: 12px; color: var(--muted); transition: transform .15s;
}
.card.collapsed .collapse-arrow { transform: rotate(-90deg); }
.card.collapsed .collapse-body { display: none; }
/* ── 卡片头部 ── */
.card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.card-head h2 { margin-bottom: 0; }
/* ── 表单 ── */
.field { margin-bottom: 12px; }
.field label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 5px; }
@@ -279,17 +293,19 @@ pre.json-box {
padding: 10px; font: 11.5px/1.6 var(--mono); overflow: auto; max-height: 260px; color: #a8f0d0;
}
/* ── 右下角一键置顶/置底 ── */
/* ── 右下角一键置顶/置底（高对比配色，易于发现） ── */
.scroll-fab {
position: fixed; right: 20px; bottom: 20px;
display: flex; flex-direction: column; gap: 8px; z-index: 60;
}
.fab {
width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border);
background: var(--panel2); color: var(--text); font-size: 16px; cursor: pointer;
box-shadow: 0 4px 14px rgba(0,0,0,.45); transition: .15s; line-height: 1;
width: 44px; height: 44px; border-radius: 50%; border: none;
background: linear-gradient(135deg, #5a92ff, #2f6bff);
color: #fff; font-size: 18px; cursor: pointer;
box-shadow: 0 6px 18px rgba(47,107,255,.55); transition: .15s; line-height: 1;
}
.fab:hover { border-color: var(--accent); color: var(--accent); }
.fab:hover { filter: brightness(1.15); transform: translateY(-1px); }
.fab:active { transform: translateY(0); }
@media (max-width: 1000px) {
.layout { grid-template-columns: 1fr; }