feat(ui-dioxus): smooth 8-step opacity pulse via CSS class cycling

This commit is contained in:
Hibryda 2026-03-19 07:14:43 +01:00
parent 2f03cf0ef0
commit a1e2a66cd6
2 changed files with 32 additions and 19 deletions

View file

@ -282,10 +282,15 @@ body {{
background: var(--ctp-red);
box-shadow: 0 0 4px var(--ctp-red);
}}
.dot-dim {{
background: var(--ctp-surface1);
box-shadow: none;
}}
/* 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; }}
.status-dot.error {{
background: var(--ctp-red);
}}