Apply global map theme updates and UI improvements

This commit is contained in:
Smittix
2026-02-20 00:32:58 +00:00
parent 963bcdf9fa
commit 1466fc2d30
22 changed files with 1365 additions and 351 deletions

View File

@@ -510,8 +510,24 @@
}
.wxsat-ground-map {
position: relative;
height: 200px;
background: var(--bg-primary, #0d1117);
overflow: hidden;
background: linear-gradient(180deg, #061329 0%, #050d1a 54%, #061325 100%);
}
.wxsat-ground-map .leaflet-container {
width: 100%;
height: 100%;
font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
}
.leaflet-container.map-theme-cyber .leaflet-overlay-pane path.wxsat-pass-track {
filter: drop-shadow(0 0 5px rgba(91, 240, 255, 0.35));
}
.leaflet-container.map-theme-cyber .leaflet-overlay-pane path.wxsat-pass-track.lrpt {
filter: drop-shadow(0 0 6px rgba(0, 255, 190, 0.35));
}
.wxsat-crosshair-icon {
@@ -521,8 +537,8 @@
.wxsat-crosshair-marker {
position: relative;
width: 26px;
height: 26px;
width: 30px;
height: 30px;
}
.wxsat-crosshair-h,
@@ -538,7 +554,7 @@
left: 2px;
right: 2px;
height: 1px;
background: rgba(255, 76, 76, 0.9);
background: rgba(255, 93, 93, 0.95);
transform: translateY(-50%);
}
@@ -547,26 +563,41 @@
top: 2px;
bottom: 2px;
width: 1px;
background: rgba(255, 76, 76, 0.9);
background: rgba(255, 93, 93, 0.95);
transform: translateX(-50%);
}
.wxsat-crosshair-ring {
inset: 5px;
border: 1px solid rgba(255, 76, 76, 0.95);
inset: 6px;
border: 1.5px solid rgba(255, 93, 93, 0.95);
border-radius: 50%;
box-shadow: 0 0 8px rgba(255, 76, 76, 0.45);
box-shadow: 0 0 10px rgba(255, 93, 93, 0.55);
}
.wxsat-crosshair-dot {
width: 4px;
height: 4px;
width: 5px;
height: 5px;
left: 50%;
top: 50%;
border-radius: 50%;
background: #ff4c4c;
background: #ffa0a0;
box-shadow: 0 0 6px rgba(255, 100, 100, 0.65);
transform: translate(-50%, -50%);
}
.wxsat-map-tooltip {
background: rgba(5, 15, 32, 0.92);
border: 1px solid rgba(102, 229, 255, 0.65);
border-radius: 4px;
color: #8fe8ff;
box-shadow: 0 0 12px rgba(0, 210, 255, 0.24);
font-size: 10px;
letter-spacing: 0.25px;
}
.wxsat-map-tooltip.leaflet-tooltip-top:before {
border-top-color: rgba(102, 229, 255, 0.65);
}
/* ===== Image Gallery Panel ===== */
.wxsat-gallery-panel {