diff --git a/templates/gsm_spy_dashboard.html b/templates/gsm_spy_dashboard.html index bdb8263..dc673ad 100644 --- a/templates/gsm_spy_dashboard.html +++ b/templates/gsm_spy_dashboard.html @@ -459,6 +459,72 @@ background: var(--bg-dark); } + /* Scan Progress Overlay */ + .scan-progress-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 1000; + background: linear-gradient(180deg, rgba(10, 14, 20, 0.95) 0%, rgba(10, 14, 20, 0.85) 100%); + border-bottom: 1px solid var(--accent-cyan); + backdrop-filter: blur(8px); + padding: 10px 16px; + } + + .scan-progress-inner { + max-width: 600px; + margin: 0 auto; + } + + .scan-progress-header { + display: flex; + align-items: center; + gap: 8px; + margin-bottom: 6px; + font-family: var(--font-mono); + font-size: 12px; + } + + .scan-progress-icon { + color: var(--accent-cyan); + font-size: 14px; + animation: spin 2s linear infinite; + display: inline-block; + } + + @keyframes spin { + from { transform: rotate(0deg); } + to { transform: rotate(360deg); } + } + + #scanStatusText { + color: var(--accent-cyan); + flex: 1; + } + + .scan-percent { + color: var(--text-primary); + font-weight: 600; + font-size: 13px; + } + + .scan-progress-track { + background: rgba(255, 255, 255, 0.08); + border-radius: 3px; + height: 5px; + overflow: hidden; + } + + .scan-progress-fill { + background: linear-gradient(90deg, var(--accent-cyan), #4dd0e1); + height: 100%; + width: 0%; + transition: width 0.3s ease; + border-radius: 3px; + box-shadow: 0 0 8px rgba(0, 229, 255, 0.4); + } + /* Right Sidebar */ .right-sidebar { background: var(--bg-panel); @@ -1215,6 +1281,18 @@
+
@@ -1240,15 +1318,6 @@ TRACKED TOWERS
-
No towers detected