diff --git a/src/components/ui/List.vue b/src/components/ui/List.vue index f05f30b..1cdb331 100644 --- a/src/components/ui/List.vue +++ b/src/components/ui/List.vue @@ -2,6 +2,7 @@
| {{station.routes.twoWay.catenary}} {{station.routes.twoWay.noCatenary}} @@ -83,13 +84,13 @@ |
{{station.routes.oneWay.catenary}}
{{station.routes.oneWay.noCatenary}}
@@ -105,11 +106,13 @@ import Vue from "vue";
import { mapGetters } from "vuex";
import Card from "@/components/ui/Card.vue";
+import ListFilter from "@/components/utils/ListFilter.vue";
export default Vue.extend({
name: "List",
components: {
- Card
+ Card,
+ ListFilter
},
data: () => ({
focusedStationName: ""
@@ -216,10 +219,9 @@ ul {
.table {
&-wrapper {
- display: flex;
- justify-content: center;
-
overflow-x: auto;
+
+ position: relative;
}
display: block;
@@ -228,7 +230,7 @@ ul {
white-space: nowrap;
border-collapse: collapse;
- font-size: calc(0.6rem + 0.5vw);
+ font-size: calc(0.6rem + 0.4vw);
cursor: pointer;
thead th {
diff --git a/src/components/utils/ListFilter.vue b/src/components/utils/ListFilter.vue
new file mode 100644
index 0000000..0221432
--- /dev/null
+++ b/src/components/utils/ListFilter.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
|