feat(ui-dioxus): smooth 8-step opacity pulse via CSS class cycling
This commit is contained in:
parent
2f03cf0ef0
commit
a1e2a66cd6
2 changed files with 32 additions and 19 deletions
|
|
@ -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);
|
||||
}}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue