Add TopMenu component and page specific content

2020-11-26 19:37:44 +01:00
parent 83cdfb3959
commit 0a99562d83
17 changed files with 172 additions and 42 deletions
--- a/src/components/css/TripSelector.css
+++ b/src/components/css/TripSelector.css
@ -0,0 +1,32 @@
+form {
+    width: 65vw;
+    height: calc(var(--topMenuHeight));
+    background: white;
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-evenly;
+    align-items: center;
+    font-size: 15px;
+    padding: 1vw 2vw;
+    border-radius: var(--borderRadius);
+    box-shadow: var(--boxShadow);
+}
+
+label {
+    flex-basis: 20%;
+    height: 15px;
+}
+
+input {
+    flex-basis: 70%;
+    height: 15px;
+    border: none;
+}
+
+hr {
+    --width: 90%;
+
+    flex-basis: var(--width);
+    margin: 0 calc((100% - var(--width)) / 2);
+    opacity: 0.5;
+}