feat(location-map): implement reusable location map component with dynamic markers and directions

2026-07-24 09:05:16 -03:00
parent 1d5c94b9bc
commit 63ae02df22
9 changed files with 330 additions and 12 deletions
--- a/src/app/shared/components/location-map/location-map.component.scss
+++ b/src/app/shared/components/location-map/location-map.component.scss
@@ -0,0 +1,32 @@
+:host {
+  display: block;
+  width: 100%;
+}
+
+.location-map {
+  width: 100%;
+  min-height: 22rem;
+  overflow: hidden;
+  background: #e9ecef;
+  border-radius: 0.75rem;
+}
+
+:host ::ng-deep .leaflet-popup-content {
+  display: grid;
+  gap: 0.2rem;
+  margin: 0.85rem 1rem;
+  color: #343a40;
+  line-height: 1.4;
+
+  a {
+    margin-top: 0.25rem;
+    color: var(--color-primary, #0d6efd);
+    font-weight: 600;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .location-map {
+    min-height: 18rem;
+  }
+}