mirror of
https://github.com/CyberMind-FR/secubox-deb.git
synced 2026-07-29 18:36:55 +00:00
CyberMind-FR
7af2ac641c
- vr-radar.js: Full radar sweep animation for virtual round display - True hexagonal icon layout (60° spacing) - Rainbow colored rings (red→orange→yellow→green→blue→violet) - Rainbow radar sweep line with blue trail - Colored circles around each icon matching module color - Icons illuminate when radar passes - Real-time metrics from hub API - vr-styles.css: Pod highlighting styles for radar animation Matches the real HyperPixel 2.1 Round gadget display exactly. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
29 lines
598 B
CSS
29 lines
598 B
CSS
/* Virtual Round Pod Styles */
|
|
.vr-pod {
|
|
position: absolute;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 2px;
|
|
z-index: 3;
|
|
transition: transform 0.3s, filter 0.3s;
|
|
}
|
|
.vr-pod.radar-active {
|
|
transform: scale(1.2);
|
|
filter: drop-shadow(0 0 10px var(--glow-color, #0f0));
|
|
}
|
|
.vr-pod.radar-active img {
|
|
filter: brightness(1.5) drop-shadow(0 0 6px var(--glow-color, #0f0));
|
|
}
|
|
.vr-val {
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
}
|
|
.vr-name {
|
|
font-size: 6px;
|
|
letter-spacing: 0.8px;
|
|
opacity: 0.6;
|
|
color: #888;
|
|
}
|