Merge branch 'master' of github.com:ocjojo/bildungsplattform_vision

ocjojo · Mar 22, 2020 · 183ac86 · 183ac86
2 parents d5ac876 + 806a971
commit 183ac86
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/frontend/src/views/Tracks.vue b/frontend/src/views/Tracks.vue
@@ -11,6 +11,9 @@
             Hier kannst du alle Verfügbaren Kurse durchsuchen. Wähle einfach
             einen Filter aus, um schnell das zu finden, was du suchst!
           </p>
+          <div class="search">
+            <input type="search" placeholder="Suchbegriff eingeben..." />
+          </div>
         </div>
         <div class="filter-container">
           <div class="filter-item">Kategorie</div>
@@ -22,6 +25,7 @@
     <section>
       <template v-for="track of availableTracks">
         <router-link
+          v-bind:key="track.id"
           :to="{
             name: 'kurs',
             params: {
@@ -165,4 +169,22 @@ section {
   flex-direction: row;
   flex-wrap: wrap;
 }
+
+.search {
+  position: relative;
+  max-width: 350px;
+  input {
+    width: 100%;
+    margin-left: 0;
+  }
+}
+.search:before {
+  font-icon: url("@/assets/icons/search.svg");
+  position: absolute;
+  right: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: 1.2rem;
+  color: $primary;
+}
 </style>