fix(ui-dioxus): class-toggle animation instead of inline opacity (Blitz compatible)

This commit is contained in:
Hibryda 2026-03-19 07:11:01 +01:00
parent 67ab77ebf4
commit 2f03cf0ef0
4 changed files with 66 additions and 153 deletions

View file

@ -257,6 +257,35 @@ body {{
.status-dot.stalled {{
background: var(--ctp-peach);
}}
/* PulsingDot component classes */
.pulsing-dot {{
display: inline-block;
border-radius: 50%;
flex-shrink: 0;
}}
.dot-running {{
background: var(--ctp-green);
box-shadow: 0 0 6px var(--ctp-green);
}}
.dot-idle {{
background: var(--ctp-overlay0);
}}
.dot-stalled {{
background: var(--ctp-peach);
box-shadow: 0 0 4px var(--ctp-peach);
}}
.dot-done {{
background: var(--ctp-blue);
}}
.dot-error {{
background: var(--ctp-red);
box-shadow: 0 0 4px var(--ctp-red);
}}
.dot-dim {{
background: var(--ctp-surface1);
box-shadow: none;
}}
.status-dot.error {{
background: var(--ctp-red);
}}