kangwan/hermes-glass-ui-personal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auto-save 2026-05-09 16:06 (~5)

Browse Source
This commit is contained in:
kang
2026-05-09 16:06:59 +08:00
parent c0f9802a00
commit 90e37f31ed
5 changed files with 104 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/styles.css
View File

@@ -97,6 +97,34 @@ html, body {
a { color: var(--orange-3); text-decoration: none; }
/* ========== 小卡片内部滚动 ========== */
:is(.card, .agent-card, .flow-card, .cron-item, .tool-chip, .stat, .top-agent-card, .day-detail, .cluster-col, .settings-group, .studio-stage, .help-card) {
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: rgba(255,105,0,0.45) transparent;
}
:is(.card, .agent-card, .flow-card, .cron-item, .tool-chip, .stat, .top-agent-card, .day-detail, .cluster-col, .settings-group, .studio-stage, .help-card)::-webkit-scrollbar {
width: 8px;
}
:is(.card, .agent-card, .flow-card, .cron-item, .tool-chip, .stat, .top-agent-card, .day-detail, .cluster-col, .settings-group, .studio-stage, .help-card)::-webkit-scrollbar-track {
background: transparent;
}
:is(.card, .agent-card, .flow-card, .cron-item, .tool-chip, .stat, .top-agent-card, .day-detail, .cluster-col, .settings-group, .studio-stage, .help-card)::-webkit-scrollbar-thumb {
background: rgba(255,105,0,0.34);
border: 2px solid transparent;
border-radius: 999px;
background-clip: content-box;
}
:is(.card, .agent-card, .flow-card, .cron-item, .tool-chip, .stat, .top-agent-card, .day-detail, .cluster-col, .settings-group, .studio-stage, .help-card):hover::-webkit-scrollbar-thumb {
background: rgba(255,105,0,0.56);
border: 2px solid transparent;
background-clip: content-box;
}
/* ========== Aurora 背景 ========== */
.bg-aurora {
position: fixed;
@@ -634,6 +662,7 @@ a { color: var(--orange-3); text-decoration: none; }
display: flex;
flex-direction: column;
gap: 8px;
max-height: min(240px, 42vh);
/* 卡片层不再单独磨砂 */
}
.flow-card:hover {
@@ -658,8 +687,19 @@ a { color: var(--orange-3); text-decoration: none; }
flex: 0 0 36px;
}
.flow-card-meta { flex: 1; min-width: 0; }
.flow-card-name { font-size: 14px; font-weight: 700; color: var(--text); }
.flow-card-desc { font-size: 11px; color: var(--text-dim2); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.flow-card-name {
font-size: 14px;
font-weight: 700;
color: var(--text);
overflow-wrap: anywhere;
}
.flow-card-desc {
font-size: 11px;
color: var(--text-dim2);
margin-top: 2px;
line-height: 1.45;
overflow-wrap: anywhere;
}
.flow-card-skills {
display: flex;
flex-wrap: wrap;
@@ -673,6 +713,7 @@ a { color: var(--orange-3); text-decoration: none; }
border: 1px solid rgba(255,105,0,0.25);
border-radius: 5px;
font-weight: 600;
overflow-wrap: anywhere;
}
.flow-card-actions {
display: flex;
@@ -1687,6 +1728,7 @@ a { color: var(--orange-3); text-decoration: none; }
border: 1px solid var(--line);
border-radius: 18px;
transition: transform 0.2s, border-color 0.2s;
max-height: min(280px, 42vh);
}
.card:hover {
transform: translateY(-3px);
@@ -1695,8 +1737,19 @@ a { color: var(--orange-3); text-decoration: none; }
box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}
.card-icon { font-size: 28px; margin-bottom: 12px; }
.card-title { font-size: 16px; font-weight: 700; margin-bottom: 8px; color: var(--text); }
.card-desc { font-size: 13px; color: var(--text-dim); line-height: 1.6; }
.card-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 8px;
color: var(--text);
overflow-wrap: anywhere;
}
.card-desc {
font-size: 13px;
color: var(--text-dim);
line-height: 1.6;
overflow-wrap: anywhere;
}
.glass-btn-sm {
margin-top: 14px;