1.4.5: Poprawki odświeżonego wyglądu

This commit is contained in:
2021-04-21 23:39:37 +02:00
parent 3d9b766cc7
commit b046b12905
9 changed files with 38 additions and 15 deletions
+12 -1
View File
@@ -2,7 +2,10 @@
<div class="train-stats">
<transition name="stats-anim">
<div class="stats-body" v-if="trainStatsOpen">
<h2 class="stats-header">{{ $t("trains.stats") }}</h2>
<h2 class="stats-header">
<img :src="statsIcon" :alt="$t('trains.stats')" />
{{ $t("trains.stats") }}
</h2>
<div class="stats-speed">
<div class="title stats-title">
@@ -80,6 +83,8 @@ export default class TrainStats extends Vue {
@Prop() readonly trains!: Train[];
@Prop() readonly trainStatsOpen!: boolean;
statsIcon = require("@/assets/icon-stats.svg");
get speedStats(): { avg: string; min: string; max: string } {
if (this.trains.length == 0) return { avg: "0", min: "0", max: "0" };
@@ -213,7 +218,13 @@ export default class TrainStats extends Vue {
}
&-header {
display: flex;
margin-bottom: 0.85em;
img {
vertical-align: middle;
margin-right: 0.35em;
}
}
&-body {