From 88b02b20a5155ef8934628a1be2dca411a1739c4 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 18 Apr 2026 22:38:58 +0200
Subject: [PATCH] chore(stock): added stock vehicle thumbnails size variable;
 changed scenery timetable stock previews to 45

---
 src/components/Global/StockList.vue                        | 4 +++-
 src/components/Global/VehicleThumbnail.vue                 | 7 ++++---
 .../SceneryView/SceneryTimetable/SceneryTimetableList.vue  | 2 +-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Global/StockList.vue b/src/components/Global/StockList.vue
index fd0b6bb..4be4872 100644
--- a/src/components/Global/StockList.vue
+++ b/src/components/Global/StockList.vue
@@ -8,6 +8,7 @@
           :images="images"
           :image-fallbacks="imagesFallbacks"
           :show-previews="showPreviews"
+          :thumbnail-size="thumbnailSize"
         />
       </li>
     </ul>
@@ -25,7 +26,8 @@ export default defineComponent({
   props: {
     trainStockList: { type: Array as PropType<string[]>, required: true },
     tractionOnly: { type: Boolean, required: false },
-    showPreviews: { type: Boolean }
+    showPreviews: { type: Boolean },
+    thumbnailSize: { type: Number }
   },
 
   data() {
diff --git a/src/components/Global/VehicleThumbnail.vue b/src/components/Global/VehicleThumbnail.vue
index d83e314..190534c 100644
--- a/src/components/Global/VehicleThumbnail.vue
+++ b/src/components/Global/VehicleThumbnail.vue
@@ -9,7 +9,7 @@
       <img
         v-for="(thumbnailImage, imageIndex) in images"
         :src="`https://stacjownik.spythere.eu/static/thumbnails/${thumbnailImage}.png`"
-        height="70"
+        :height="thumbnailSize || 70"
         loading="lazy"
         :data-crosshair-cursor="showPreviews"
         :data-tooltip-type="showPreviews ? 'VehiclePreviewTooltip' : ''"
@@ -28,7 +28,8 @@ const props = defineProps({
   vehicleString: { type: String, required: true },
   images: { type: Object as PropType<string[]>, required: true },
   imageFallbacks: { type: Object as PropType<string[]>, required: true },
-  showPreviews: { type: Boolean }
+  showPreviews: { type: Boolean },
+  thumbnailSize: { type: Number }
 });
 
 const thumbRef = ref(null) as Ref<HTMLElement | null>;
@@ -67,7 +68,7 @@ function onImageLoad() {
   max-width: 90%;
   text-align: center;
   color: #aaa;
-  font-size: 0.85em;
+  font-size: 0.8em;
   margin: 0 auto;
   padding: 0.25em 0;
 }
diff --git a/src/components/SceneryView/SceneryTimetable/SceneryTimetableList.vue b/src/components/SceneryView/SceneryTimetable/SceneryTimetableList.vue
index 243c5f6..b61c607 100644
--- a/src/components/SceneryView/SceneryTimetable/SceneryTimetableList.vue
+++ b/src/components/SceneryView/SceneryTimetable/SceneryTimetableList.vue
@@ -210,7 +210,7 @@
           </div>
 
           <div class="item-stock-list" v-if="showStockThumbnails">
-            <StockList :trainStockList="row.train.stockList" />
+            <StockList :trainStockList="row.train.stockList" :thumbnailSize="45" />
           </div>
         </router-link>
       </transition-group>