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

fix: vehicle thumbnail overflowing text

Browse Source
This commit is contained in:
Spythere
2025-11-22 01:30:29 +01:00
parent 35c9fb7ef1
commit ee159fd582
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Global/VehicleThumbnail.vue
+5 -4
View File
@@ -9,7 +9,7 @@
<img <img
v-for="(thumbnailImage, imageIndex) in images" v-for="(thumbnailImage, imageIndex) in images"
:src="`https://stacjownik.spythere.eu/static/thumbnails/${thumbnailImage}.png`" :src="`https://stacjownik.spythere.eu/static/thumbnails/${thumbnailImage}.png`"
height="60" height="70"
loading="lazy" loading="lazy"
data-tooltip-type="VehiclePreviewTooltip" data-tooltip-type="VehiclePreviewTooltip"
:data-tooltip-content="vehicleString" :data-tooltip-content="vehicleString"
@@ -56,16 +56,17 @@ function onImageLoad() {
transition: opacity 100ms ease-in-out; transition: opacity 100ms ease-in-out;
&[data-load-status='loading'] { &[data-load-status='loading'] {
min-height: 60px; min-height: 70px;
min-width: 200px; min-width: 200px;
} }
} }
.stock-text { .stock-text {
max-width: 90%;
text-align: center; text-align: center;
color: #aaa; color: #aaa;
font-size: 0.9em; font-size: 0.85em;
margin-bottom: 0.25em; margin: 0 auto;
padding: 0.25em 0; padding: 0.25em 0;
} }