Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-04-24 14:50:00 -07:00
Code Issues Packages Projects Releases Wiki Activity

feat: UI improvements and Space category

Browse Source 
- Add new "Space" category with Satellite and ISS SSTV modes
- Rename "Scanner" to "Listening Post"
- SSTV now uses global SDR device selector
- Meshtastic map markers more visible (stronger glow, larger size)
- CSS layout fixes using flex instead of fixed heights

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-29 22:25:31 +00:00
parent 05d96b6077
commit d28d371caf
6 changed files with 63 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
static/css/modes/meshtastic.css
View File

@@ -420,6 +420,12 @@
background: var(--bg-primary);
}
/* Override Leaflet's default div-icon styling for mesh markers */
.mesh-marker-wrapper.leaflet-div-icon {
background: transparent;
border: none;
}
.mesh-map .leaflet-popup-content-wrapper {
background: var(--bg-card);
color: var(--text-primary);
@@ -437,37 +443,42 @@
margin: 10px 12px;
}
/* Custom node marker */
/* Custom node marker - high visibility on dark maps */
.mesh-node-marker {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: var(--accent-cyan);
border: 2px solid #fff;
width: 32px;
height: 32px;
background: #00ffff; /* Bright cyan for maximum visibility */
border: 3px solid #ffffff;
border-radius: 50%;
box-shadow:
0 2px 6px rgba(0, 0, 0, 0.4),
0 0 12px 4px rgba(0, 212, 255, 0.5); /* Cyan glow */
0 2px 8px rgba(0, 0, 0, 0.6),
0 0 20px 8px rgba(0, 255, 255, 0.7), /* Strong outer glow */
inset 0 0 8px rgba(255, 255, 255, 0.3); /* Inner highlight */
color: #000;
font-family: 'JetBrains Mono', monospace;
font-size: 10px;
font-size: 11px;
font-weight: bold;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
}
.mesh-node-marker.local {
background: var(--accent-green);
background: #00ff88; /* Bright green for local node */
box-shadow:
0 2px 6px rgba(0, 0, 0, 0.4),
0 0 12px 4px rgba(34, 197, 94, 0.5); /* Green glow */
0 2px 8px rgba(0, 0, 0, 0.6),
0 0 20px 8px rgba(0, 255, 136, 0.7), /* Strong green glow */
inset 0 0 8px rgba(255, 255, 255, 0.3);
}
.mesh-node-marker.stale {
background: var(--text-dim);
opacity: 0.7;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); /* No glow for stale */
background: #888888;
border-color: #aaaaaa;
opacity: 0.8;
box-shadow:
0 2px 6px rgba(0, 0, 0, 0.4),
0 0 8px 2px rgba(136, 136, 136, 0.3); /* Subtle glow for stale */
}
/* ============================================