fix(ui-dioxus): class-toggle animation instead of inline opacity (Blitz compatible)
This commit is contained in:
parent
67ab77ebf4
commit
2f03cf0ef0
4 changed files with 66 additions and 153 deletions
|
|
@ -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);
|
||||
}}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue