Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-02 21:08: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
+6 -5
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"
@@ -20,7 +20,7 @@
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { computed, PropType, Ref, ref } from 'vue'; import { computed, PropType, Ref, ref } from 'vue';
const props = defineProps({ const props = defineProps({
@@ -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;
} }