feat: enhance telemetry chart styling with improved dimensions and animation effects
This commit is contained in:
@@ -700,9 +700,12 @@
|
||||
/* Telemetry Chart Animation */
|
||||
.telemetry-chart {
|
||||
align-items: flex-end;
|
||||
height: 96px;
|
||||
position: relative;
|
||||
}
|
||||
.telemetry-bar {
|
||||
flex: 1;
|
||||
min-height: 20px;
|
||||
background: linear-gradient(to top, var(--color-primary, #6366f1), rgba(99, 102, 241, 0.5));
|
||||
border-radius: 4px 4px 0 0;
|
||||
animation: barPulse 1.5s ease-in-out infinite;
|
||||
@@ -734,19 +737,19 @@
|
||||
|
||||
@keyframes barPulse {
|
||||
0%, 100% {
|
||||
height: 70%;
|
||||
height: 56px;
|
||||
opacity: 1;
|
||||
}
|
||||
25% {
|
||||
height: 40%;
|
||||
height: 32px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
50% {
|
||||
height: 90%;
|
||||
height: 72px;
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
height: 30%;
|
||||
height: 24px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user