Poprawki wyglądu, usunięcie buga z filtrem pociągów

This commit is contained in:
2021-04-11 00:43:42 +02:00
parent 29b11cf80d
commit 6b867cc457
7 changed files with 26 additions and 17 deletions
+7 -3
View File
@@ -21,16 +21,19 @@
<img :src="likeIcon" alt="icon-like" />
<span>{{ stationInfo.dispatcherRate }}</span>
</span>
<span class="users">
<img :src="userIcon" alt="icon-user" />
<span>{{ stationInfo.currentUsers }}</span>
/
<span>{{ stationInfo.maxUsers }}</span>
</span>
<span class="spawns">
<img :src="spawnIcon" alt="icon-spawn" />
<span>{{ stationInfo.spawns.length }}</span>
</span>
<span class="schedules">
<img :src="timetableIcon" alt="icon-timetable" />
<span v-if="stationInfo.scheduledTrains">
@@ -253,7 +256,7 @@ h3 {
font-weight: bold;
color: $accentCol;
font-size: 4em;
font-size: 3.5em;
text-transform: uppercase;
}
@@ -270,15 +273,16 @@ h3 {
padding: 1rem 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: 1.7em;
font-size: 1.65em;
& > span {
display: flex;
align-items: center;
margin: 0 0.6em;
margin: 0.3em;
}
.likes,
@@ -350,7 +350,7 @@ h3 {
padding: 0 0.35em;
background: #555;
background: $bgLigtherCol;
@include smallScreen() {
display: flex;
@@ -361,7 +361,7 @@ h3 {
&.loading,
&.empty {
padding: 1rem;
font-size: 1em;
font-size: 1.2em;
}
&.empty {
@@ -389,12 +389,12 @@ h3 {
&-schedule {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
font-size: 1.2em;
grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
font-size: 1.3em;
@include smallScreen() {
width: 100%;
margin: 0.7em 0;
margin: 0.5em 0;
}
}
}
@@ -81,6 +81,13 @@ export default class TrainOptions extends Vue {
@Prop() readonly queryTrain!: string;
@Prop() readonly focusedTrain!: string;
mounted() {
if (this.queryTrain) {
this.searchedTrain = this.queryTrain;
this.searchedDriver = "";
}
}
sorterOptions: { id: string; content: string }[] = [
{
id: "mass",