wip

public/css/index.css

@@ -3140,4 +3140,99 @@ li {
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   background-color: 15px solid #ff5733;
+}
+
+.leaflet-control-attribution {
+  display: none;
+}
+
+.display-none {
+  display: none;
+}
+
+.col-0 {
+  flex: 0 0 0%;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+.map-container,
+.drawer-container {
+  transition: flex 0.5s ease-in-out, max-width 0.5s ease-in-out;
+}
+
+.drawer-container {
+  right: 0;
+  top: 0;
+}
+
+.map-menu {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  z-index: 500;
+  flex-direction: column;
+  gap: 10px;
+  margin: 5px;
+}
+
+.map-menu-item {
+  background-color: darkslategrey;
+  padding: 5px;
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+.map-menu-item:hover {
+  filter: brightness(150%);
+}
+
+.travel-path-icon {
+  margin-left: -12px;
+  margin-top: -32px;
+}
+
+.spinner {
+  position: absolute;
+  right: 1px;
+  top: 1px;
+  width: 40px;
+  height: 38px;
+  background: #fff;
+  display: block
+}
+
+.spinner:after,
+.spinner:before {
+  position: absolute;
+  content: "";
+  top: 50%;
+  left: 50%;
+  margin: -8px 0 0 -8px;
+  width: 16px;
+  height: 16px;
+  border-radius: 100%;
+  border: 2px solid transparent;
+  border-top-color: #41b883;
+  -webkit-box-shadow: 0 0 0 1px transparent;
+  box-shadow: 0 0 0 1px transparent
+}
+
+.spinner:before {
+  -webkit-animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
+  animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite
+}
+
+.spinner:after {
+  -webkit-animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
+  animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite
+}
+
+.input .mx-input {
+  height: 40px;
 }