agents-orchestrator/agent-orchestrator
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui-dioxus): smooth pulse via background-color transition (bounded, not infinite)

Browse source
This commit is contained in:
Hibryda 2026-03-19 07:24:00 +01:00
parent a1e2a66cd6
commit 8b5a4daf72
2 changed files with 25 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

20
ui-dioxus/src/theme.rs
View file

@ -282,15 +282,17 @@ body {{
background: var(--ctp-red);
box-shadow: 0 0 4px var(--ctp-red);
}}
/* Discrete opacity steps for smooth pulse (Blitz can't animate inline styles) */
.dot-op-0 {{ opacity: 1.0; }}
.dot-op-1 {{ opacity: 0.85; }}
.dot-op-2 {{ opacity: 0.7; }}
.dot-op-3 {{ opacity: 0.55; }}
.dot-op-4 {{ opacity: 0.4; }}
.dot-op-5 {{ opacity: 0.55; }}
.dot-op-6 {{ opacity: 0.7; }}
.dot-op-7 {{ opacity: 0.85; }}
/* PulsingDot: smooth pulse via background-color transition (bounded, not infinite) */
.pulsing-dot {{
display: inline-block;
border-radius: 50%;
flex-shrink: 0;
transition: background-color 0.4s ease;
}}
.dot-bright.dot-running {{ background: var(--ctp-green); box-shadow: 0 0 6px var(--ctp-green); }}
.dot-dim.dot-running {{ background: var(--ctp-surface2); box-shadow: none; }}
.dot-bright.dot-stalled {{ background: var(--ctp-peach); box-shadow: 0 0 4px var(--ctp-peach); }}
.dot-dim.dot-stalled {{ background: var(--ctp-surface2); box-shadow: none; }}
.status-dot.error {{
background: var(--ctp-red);
}}