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 @@
+ @@ -69,13 +70,13 @@
{{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