Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 13:28:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

restruct: updated sass version and rules

Browse Source
This commit is contained in:
Spythere
2025-03-26 18:04:00 +01:00
parent 829059d35b
commit 22b6177560
71 changed files with 2447 additions and 2507 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/TrainsView/TrainInfo.vue
+2 -1
View File
@@ -264,7 +264,7 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
@import '../../styles/badge.scss';
@use '../../styles/badge';
.image-warning {
height: 1em;
@@ -297,6 +297,7 @@ export default defineComponent({
.train-info {
display: flex;
flex-direction: column;
font-size: 1em;
gap: 0.25em;
background-color: #1a1a1a;
src/components/TrainsView/TrainOptions.vue
+2 -2
View File
@@ -195,8 +195,8 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
@import '../../styles/dropdown.scss';
@import '../../styles/dropdown_filters.scss';
@use '../../styles/dropdown';
@use '../../styles/dropdown-filters';
.search_content > div {
margin: 0.5em auto;
src/components/TrainsView/TrainSchedule.vue
+1 -1
View File
@@ -367,7 +367,7 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
@import '../../styles/responsive.scss';
@use '../../styles/responsive';
$barClr: #b1b1b1;
$confirmedClr: #4ae24a;
src/components/TrainsView/TrainStats.vue
+9 -5
View File
@@ -80,7 +80,11 @@
<h3>{{ $t('train-stats.top-units') }}</h3>
<transition-group tag="ul" name="stats-anim">
<li class="badge stat-badge" v-for="top in stats.topUnits.slice(0, 7)" :key="top.name">
<li
class="badge stat-badge"
v-for="top in stats.topUnits.slice(0, 7)"
:key="top.name"
>
<span>{{ top.name }}</span>
<span>{{ top.count }}</span>
</li>
@@ -221,9 +225,9 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
@import '../../styles/dropdown.scss';
@import '../../styles/badge.scss';
@import '../../styles/responsive.scss';
@use '../../styles/dropdown';
@use '../../styles/badge';
@use '../../styles/responsive';
h1 img {
vertical-align: text-bottom;
@@ -248,7 +252,7 @@ h3 {
max-width: 600px;
}
@include smallScreen {
@include responsive.smallScreen{
.no-data {
text-align: center;
}
src/components/TrainsView/TrainTable.vue
+7 -3
View File
@@ -19,7 +19,7 @@
>)
</div>
<transition-group name="list-anim" tag="ul">
<transition-group name="list-anim" tag="div" class="list_wrapper">
<TrainTableItem v-for="train in trains" :key="train.id" :train="train" />
</transition-group>
</div>
@@ -93,8 +93,8 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
@import '../../styles/responsive.scss';
@import '../../styles/animations.scss';
@use '../../styles/responsive';
@use '../../styles/animations';
.train-table {
height: calc(100vh - 11em);
@@ -105,6 +105,10 @@ export default defineComponent({
overflow-x: hidden;
}
.list_wrapper {
padding: 2px; // ensures focused items outline visibility
}
.table-warning {
text-align: center;
src/components/TrainsView/TrainTableItem.vue
+19 -20
View File
@@ -1,29 +1,27 @@
<template>
<li class="train-item">
<router-link class="a-block" :to="train.driverRouteLocation">
<div class="item-wrapper">
<TrainInfo :train="train" />
<router-link :to="train.driverRouteLocation" class="train-item">
<div class="item-wrapper">
<TrainInfo :train="train" />
<div class="train-stats">
<StockList :trainStockList="train.stockList" :tractionOnly="true" />
<div class="train-stats">
<StockList :trainStockList="train.stockList" :tractionOnly="true" />
<div>
<span>{{ train.speed }}km/h</span>
<div>
<span>{{ train.speed }}km/h</span>
<div>
<span> {{ train.length }}m</span>
<span> {{ train.length }}m</span>
&bull;
<span> {{ (train.mass / 1000).toFixed(1) }}t</span>
<span v-if="train.stockList.length > 1">
&bull;
<span> {{ (train.mass / 1000).toFixed(1) }}t</span>
<span v-if="train.stockList.length > 1">
&bull;
{{ $t('trains.cars') }}: {{ train.stockList.length - 1 }}
</span>
</div>
{{ $t('trains.cars') }}: {{ train.stockList.length - 1 }}
</span>
</div>
</div>
</div>
</router-link>
</li>
</div>
</router-link>
</template>
<script setup lang="ts">
@@ -41,9 +39,10 @@ defineProps({
</script>
<style lang="scss" scoped>
@import '../../styles/responsive.scss';
@use '../../styles/responsive';
.train-item {
display: block;
background-color: #1a1a1a;
margin-bottom: 1em;
width: 100%;
@@ -67,7 +66,7 @@ defineProps({
line-height: 1.5em;
}
@include smallScreen() {
@include responsive.smallScreen {
.item-wrapper {
grid-template-columns: 1fr;
gap: 1em 0;