-
+
+
TWR
@@ -37,7 +37,7 @@
-
+
![]()
ogólne",
"users": "Maszyniści online",
"spawns": "Otwarte spawny",
- "timetables": "Aktywne rozkłady jazdy"
+ "timetables": "Aktywne rozkłady jazdy",
+ "no-stations": "Brak stacji do wyświetlenia!"
},
"trains": {
- "no-trains": "Ups! Brak pociągów online!",
+ "no-trains": "Brak pociągów online!",
"stats": "STATYSTYKI RUCHU",
"stats-speed": "PRĘDKOŚCI POCIĄGÓW (MIN | ŚR | MAX) [km/h]",
"stats-length": "DŁUGOŚCI ROZKŁADÓW (MIN | ŚR | MAX) [km]",
diff --git a/src/store/modules/DataModule.ts b/src/store/modules/DataModule.ts
new file mode 100644
index 0000000..3c64758
--- /dev/null
+++ b/src/store/modules/DataModule.ts
@@ -0,0 +1,18 @@
+import store from "@/store";
+import { Module, VuexModule, Mutation, Action, MutationAction } from "vuex-module-decorators";
+
+@Module({ dynamic: true, store, name: "dataModule" })
+export default class MyModule extends VuexModule {
+ test: string = "xd";
+
+ get getTest() {
+ return this.test;
+ }
+
+ @MutationAction
+ async fetchTest() {
+ const fetched = "aaa";
+
+ return { test: fetched };
+ }
+}
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 89b8f65..5bc8cd8 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -32,19 +32,31 @@ body {
.tooltip {
position: relative;
-
+
+ background-color: var(--clr-accent);
+ padding: .1em .5em;
+ border-radius: 1em;
+
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
& > &-text {
display: inline-block;
width: 150px;
- padding: .5rem .35rem;
- background-color: #830000;
- border-radius: .5rem;
+
+ font-size: 0.9em;
+
+ background-color: var(--clr-accent);
+
+ padding: .15em .5em;
+ border-radius: 1em;
display: inline-block;
max-width: 150px;
- font-size: 1em;
text-align: center;
color: #fff;
@@ -66,7 +78,7 @@ body {
margin-left: -5px;
border-width: 5px;
border-style: solid;
- border-color: #830000 transparent transparent transparent;
+ border-color: var(--clr-accent) transparent transparent transparent;
}
}
@@ -137,10 +149,11 @@ input {
border: none;
color: #bdbdbd;
- font-size: 0.9em;
+
+ font-size: 1em;
outline: none;
- padding: 0.35em;
+ padding: 0.35em 0.5em;
cursor: pointer;
transition: all 0.3s;
diff --git a/src/styles/responsive.scss b/src/styles/responsive.scss
index 09f6520..baf7847 100644
--- a/src/styles/responsive.scss
+++ b/src/styles/responsive.scss
@@ -4,6 +4,13 @@
}
}
+
+@mixin midScreen() {
+ @media only screen and (max-width: 950px) {
+ @content;
+ }
+}
+
@mixin bigScreen() {
@media only screen and (min-width: 2000px) {
@content;
diff --git a/src/views/StationsView.vue b/src/views/StationsView.vue
index 8ad33f3..c64dada 100644
--- a/src/views/StationsView.vue
+++ b/src/views/StationsView.vue
@@ -24,7 +24,7 @@
-
+
{{ $t("options.donate") }}
-->
@@ -243,7 +243,7 @@ export default class StationsView extends Vue {
.stations_view {
position: relative;
- padding: 1rem 0;
+ padding: 1em 0;
min-height: 100%;
}
@@ -255,37 +255,25 @@ export default class StationsView extends Vue {
.stations_body {
margin: 0 auto;
overflow: auto;
+}
- & > .body_bar {
- display: flex;
- justify-content: space-between;
- }
+.body_bar {
+ display: flex;
+ justify-content: space-between;
}
.bar_actions {
- display: flex;
-
width: 100%;
- font-size: 1.15em;
-
- button {
- margin-right: 0.5em;
- }
+ font-size: 1.1em;
}
.bar_indicators {
- display: flex;
- align-items: flex-end;
+ border: 1px solid red;
> span {
- display: flex;
- justify-content: center;
- align-items: center;
-
- width: 2.5em;
- height: 2.5em;
margin-left: 0.5em;
+ padding: 0.5em 0.5em;
// background-color: #e68e00;
border-radius: 1em 1em 0 0;
diff --git a/src/views/TrainsView.vue b/src/views/TrainsView.vue
index 9728773..4b76536 100644
--- a/src/views/TrainsView.vue
+++ b/src/views/TrainsView.vue
@@ -136,10 +136,6 @@ export default class TrainsView extends Vue {
max-width: 1300px;
padding: 0 0.5rem;
-
- @include bigScreen() {
- font-size: 0.9rem;
- }
}
@include smallScreen {