fix(ui-dioxus): remove CSS animations causing 30% CPU in Blitz renderer
This commit is contained in:
parent
d5172275e2
commit
6f9607d1ba
2 changed files with 1 additions and 8 deletions
|
|
@ -38,7 +38,7 @@ pub fn TerminalArea(lines: Vec<TerminalLine>) -> Element {
|
||||||
div { class: "terminal-line",
|
div { class: "terminal-line",
|
||||||
span { class: "terminal-prompt", "$ " }
|
span { class: "terminal-prompt", "$ " }
|
||||||
span {
|
span {
|
||||||
style: "animation: pulse 1s step-end infinite; color: var(--ctp-text);",
|
style: "color: var(--ctp-text);",
|
||||||
"\u{2588}"
|
"\u{2588}"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -250,24 +250,17 @@ body {{
|
||||||
.status-dot.running {{
|
.status-dot.running {{
|
||||||
background: var(--ctp-green);
|
background: var(--ctp-green);
|
||||||
box-shadow: 0 0 6px var(--ctp-green);
|
box-shadow: 0 0 6px var(--ctp-green);
|
||||||
animation: pulse 2s ease-in-out infinite;
|
|
||||||
}}
|
}}
|
||||||
.status-dot.idle {{
|
.status-dot.idle {{
|
||||||
background: var(--ctp-overlay0);
|
background: var(--ctp-overlay0);
|
||||||
}}
|
}}
|
||||||
.status-dot.stalled {{
|
.status-dot.stalled {{
|
||||||
background: var(--ctp-peach);
|
background: var(--ctp-peach);
|
||||||
animation: pulse 1.5s ease-in-out infinite;
|
|
||||||
}}
|
}}
|
||||||
.status-dot.error {{
|
.status-dot.error {{
|
||||||
background: var(--ctp-red);
|
background: var(--ctp-red);
|
||||||
}}
|
}}
|
||||||
|
|
||||||
@keyframes pulse {{
|
|
||||||
0%, 100% {{ opacity: 1; }}
|
|
||||||
50% {{ opacity: 0.5; }}
|
|
||||||
}}
|
|
||||||
|
|
||||||
.project-name {{
|
.project-name {{
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue