Routenplanung eingebaut

2026-05-23 20:53:16 +02:00
parent b24996e67f
commit 91fb1fcf0b
6 changed files with 1877 additions and 0 deletions
@@ -172,6 +172,152 @@ header {
 .ctrl-select:focus { border-color:rgba(0,255,145,.5); }
 .ctrl-status { font-size:7px; letter-spacing:1.5px; color:rgba(0,255,145,.45); white-space:nowrap; min-width:50px; text-align:right; }

+.act-btn.is_active {
+  background: rgba(0,136,255,.16);
+  color: #55aaff;
+  border-color: rgba(0,136,255,.55);
+  box-shadow: 0 0 14px rgba(0,136,255,.18);
+}
+
+.admin-section-grid_map {
+  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.85fr);
+}
+
+.admin-col_map_main,
+.admin-col_map_side {
+  min-width: 0;
+}
+
+.map-panel {
+  display: flex;
+  flex-direction: column;
+  min-height: 620px;
+}
+
+.map-toolbar {
+  display: flex;
+  gap: 8px;
+  padding: 10px 12px 0;
+  flex-wrap: wrap;
+}
+
+.map-copy {
+  padding: 10px 12px;
+}
+
+.map-stage {
+  position: relative;
+  flex: 1;
+  min-height: 460px;
+  margin: 0 12px 12px;
+  border: 1px solid rgba(0,255,145,.12);
+  background:
+    radial-gradient(circle at 20% 20%, rgba(0,136,255,.12), transparent 34%),
+    radial-gradient(circle at 78% 24%, rgba(0,255,145,.08), transparent 28%),
+    #04101a;
+  overflow: hidden;
+}
+
+.rover-map,
+.rover-map-fallback {
+  position: absolute;
+  inset: 0;
+}
+
+.rover-map-fallback {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 20px;
+  color: rgba(0,255,145,.65);
+  font-size: 12px;
+  letter-spacing: .6px;
+  background: rgba(4, 16, 26, .92);
+}
+
+.map-waypoint-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 10px 12px 12px;
+}
+
+.map-waypoint-empty {
+  padding: 12px;
+  border: 1px dashed rgba(0,255,145,.14);
+  color: rgba(0,255,145,.42);
+  font-size: 8px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  text-align: center;
+}
+
+.map-waypoint-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  border: 1px solid rgba(0,255,145,.1);
+  background: rgba(0,255,145,.03);
+}
+
+.map-waypoint-index {
+  min-width: 42px;
+  font-size: 8px;
+  color: rgba(0,255,145,.5);
+  letter-spacing: 1.4px;
+  text-transform: uppercase;
+}
+
+.map-waypoint-coords {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+}
+
+.map-waypoint-coords strong,
+.map-waypoint-coords span {
+  font-size: 10px;
+  letter-spacing: .5px;
+  color: rgba(0,255,145,.82);
+}
+
+.leaflet-container {
+  font-family: var(--mono);
+  background: #04101a;
+}
+
+.leaflet-control-attribution {
+  background: rgba(4, 16, 26, .82);
+  color: rgba(0,255,145,.58);
+}
+
+.leaflet-control-attribution a {
+  color: rgba(85,170,255,.85);
+}
+
+.leaflet-popup-content-wrapper,
+.leaflet-popup-tip {
+  background: #07111c;
+  color: rgba(0,255,145,.82);
+}
+
+@media (max-width: 1024px) {
+  .admin-section-grid_map {
+    grid-template-columns: 1fr;
+  }
+
+  .map-panel {
+    min-height: 0;
+  }
+
+  .map-stage {
+    min-height: 360px;
+  }
+}
+
 /* ── AUTH OVERLAY ───────────────────────────────── */
 .auth-overlay {
  position:fixed; inset:0; background:rgba(5,8,15,.93);