Enhance stop map functionality with new styles and components for better user experience

1 files changed, 17 insertions, 0 deletions

diff --git a/src/frontend/app/components/StopMapSheet.css b/src/frontend/app/components/StopMapSheet.css
new file mode 100644
index 0000000..8ad784d
--- /dev/null
+++ b/src/frontend/app/components/StopMapSheet.css
@@ -0,0 +1,17 @@
+/* Stop map container */
+.stop-map-container {
+  width: 100%;
+  height: 300px;
+  border-radius: 8px;
+  overflow: hidden;
+  border: 1px solid var(--border-color);
+  margin-block-start: 0;
+  margin-block-end: 1rem;
+  flex-shrink: 0;
+}
+
+@media (max-width: 640px) {
+  .stop-map-container {
+    height: 250px;
+  }
+}