Poprawki stylów pociągów

This commit is contained in:
2022-05-15 01:48:22 +02:00
parent a0fe859c47
commit 5ecaaaa253
2 changed files with 8 additions and 8 deletions
@@ -1,5 +1,5 @@
<template> <template>
<div class="train-info simple"> <div class="train-info simple" tabindex="0">
<section> <section>
<span> <span>
<div> <div>
@@ -147,11 +147,11 @@ export default defineComponent({
grid-template-rows: 1fr; grid-template-rows: 1fr;
padding: 1em; padding: 1em;
background-color: #202020;
gap: 0.5em; gap: 0.5em;
&:hover { &:hover, &:focus {
background: #424242; background: #292929;
} }
} }
+4 -4
View File
@@ -19,7 +19,6 @@
class="train-row" class="train-row"
v-for="train in currentTrains" v-for="train in currentTrains"
:key="train.trainNo + train.driverId" :key="train.trainNo + train.driverId"
tabindex="0"
@click="showTrainTimetable(train)" @click="showTrainTimetable(train)"
@keydown.enter="showTrainTimetable(train)" @keydown.enter="showTrainTimetable(train)"
> >
@@ -74,7 +73,6 @@ export default defineComponent({
}, },
defaultVehicleIcons: defaultVehicleIconsJSON, defaultVehicleIcons: defaultVehicleIconsJSON,
}), }),
setup(props) { setup(props) {
@@ -92,7 +90,9 @@ export default defineComponent({
}); });
const chosenTrainId = ref(null) as Ref<string | null>; const chosenTrainId = ref(null) as Ref<string | null>;
const chosenTrain = computed(() => props.trains.find(train => train.trainNo + train.driverName === chosenTrainId.value)); const chosenTrain = computed(() =>
props.trains.find((train) => train.trainNo + train.driverName === chosenTrainId.value)
);
// watch([searchedTrain, searchedDriver], () => { // watch([searchedTrain, searchedDriver], () => {
// currentPage.value = 0; // currentPage.value = 0;
@@ -206,9 +206,9 @@ img.train-image {
} }
&-row { &-row {
background-color: var(--clr-secondary);
margin-bottom: 1em; margin-bottom: 1em;
background-color: var(--clr-secondary);
cursor: pointer; cursor: pointer;
} }