flying-hero/openclaw-monitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🦞 改进：龙虾图标优化

Browse Source 
变更:
- 使用 logo.png 作为龙虾身体
- 缩小身份图标到 0.6em
- 龙虾主体增大到 3em
This commit is contained in:
flying-hero
2026-04-04 20:34:49 +08:00
parent fdb13c6304
commit 6b4d6570da
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
code/frontend/src/components/LobsterRiver/index.js
View File

@@ -130,7 +130,7 @@ function LobsterRiver({ agents, onRefresh, onAgentToRiver, onAgentFromRiver }) {
onMouseLeave={() => setHoveredAgent(null)} onMouseLeave={() => setHoveredAgent(null)}
title={agent.name} title={agent.name}
> >
<span className="agent-emoji lobster-body">🦞</span> <img src="https://xjp.datalibstar.com/flying-hero/lobster-monitor/raw/branch/main/logo.png" alt="lobster" className="lobster-body-image" />
<span className="agent-emoji agent-badge">{agent.emoji}</span> <span className="agent-emoji agent-badge">{agent.emoji}</span>
{hoveredAgent === agent.id && ( {hoveredAgent === agent.id && (
<span className="agent-name-tooltip">{agent.name}</span> <span className="agent-name-tooltip">{agent.name}</span>
@@ -269,11 +269,12 @@ function LobsterRiver({ agents, onRefresh, onAgentToRiver, onAgentFromRiver }) {
.agent-emoji { .agent-emoji {
.lobster-body { .lobster-body {
font-size: 2.5em; font-size: 3em;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
} }
.agent-badge { .agent-badge {
font-size: 0.6em;
position: absolute; position: absolute;
bottom: -5px; bottom: -5px;
right: -5px; right: -5px;