feat(bluetooth): CSS animated radar sweep with trailing glow arc

Replaces the requestAnimationFrame loop in proximity-radar.js with a
CSS @keyframes rotation on .bt-radar-sweep, mirroring the WiFi radar
pattern. Adds two trailing arc paths for a glow effect and updates
setPaused() to toggle animationPlayState instead of the rAF flag.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-03-29 14:35:45 +01:00
parent 2511227c4e
commit d45b8bc2fb
2 changed files with 25 additions and 37 deletions

View File

@@ -4408,6 +4408,17 @@ header h1 .tagline {
justify-content: center;
}
/* Bluetooth radar — CSS sweep animation (replaces rAF loop in proximity-radar.js) */
.bt-radar-sweep {
transform-origin: 140px 140px;
animation: bt-radar-rotate 3s linear infinite;
}
@keyframes bt-radar-rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* Bluetooth Device Detail Panel */
.bt-detail-panel {
background: var(--bg-tertiary);