Working on adapting maps frontend. Finished the time selector to change the time interval.

1 files changed, 56 insertions, 0 deletions

diff --git a/maps-frontend/src/css/Route.css b/maps-frontend/src/css/Route.css
new file mode 100644
index 0000000..eaa69c4
--- /dev/null
+++ b/maps-frontend/src/css/Route.css
@@ -0,0 +1,56 @@
+.Route {
+  grid-area: route;
+  z-index: 10;
+  color: white;
+  border-radius: 10px;
+  background-color: #121212;
+  cursor: default;
+  /* Transparent background */
+  background: rgba(0, 0, 0, 0);
+}
+
+.Coord-selectors-flex {
+  display: flex;
+  gap: 20px;
+  padding: 8px;
+  margin: 0;
+  align-content: flex-end;
+  background-color: #333333;
+  margin: 5px;
+  border-radius: 3px;
+}
+
+/* CSS adapted from w3school buttons */
+.Btn {
+  color: white;
+  padding: 16px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  transition-duration: 0.4s;
+  cursor: pointer;
+  outline: none;
+}
+
+.Route-btn:hover {
+  box-shadow: 3px 3px #ccc;
+  color: black;
+  background-color: lightgreen;
+}
+
+.Route-btn {
+  background-color: #424242; 
+  border: 2px solid lightgreen;
+  box-shadow: .5px .5px 0 2px lightgreen;
+}
+
+.Btn:disabled,
+.Btn[disabled]{
+  border: 1px solid #999999;
+  background-color: #cccccc;
+  color: #666666;
+  cursor: default;
+  box-shadow: none;
+}
\ No newline at end of file